data

данные для компонента (массив, типизированный массив, XML или CSV)

string|array|object data;

Example

var data = [
    { id:"1", open:true, value:"The Shawshank Redemption", data:[
        { id:"1.1", value:"Part 1" },
        { id:"1.2", value:"Part 2" },
        { id:"1.3", value:"Part 3" }
    ]},
    { id:"2", value:"The Godfather", open:true, data:[
        { id:"2.1", value:"Part 1", disabled:true },
        { id:"2.2", value:"Part 2" }
    ]}
];
 
webix.ui({
    view:"tree", data:data
});

Related samples

Details

У каждого элемента в Tree могут быть следующие свойства:

  • id (string,number) - ID элемента данных
  • value (string) - имя элемента, которое будет показано рядом с узлом дерева
  • data (array) - дети элемента
  • open (boolean) - определяет начальное состояние ветки: свернута или развернута (работает только для родителей, false по умолчанию)
  • disabled (boolean) - определяет начальное состояние элемента: активен или заблокирован (false по умолчанию)

Все эти свойства можно изменять во время исполнения.

После загрузки данных, каждому элементу данных добавятся следующие свойства (так нужно для выстраивания иерархии в дереве):

  • $level - (number) уровень (отсчет с 1);
  • parent - (string) id родителя;
  • $count - (number) число детей.
See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix javascript ui library and page of tree ui product.