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

Свойство data служит только в качестве исходного источника данных. После парсинга они будут храниться во внутреннем хранилище для загруженных данных.

Исходный массив будет изменен во время парсинга. Чтобы повторно использовать исходный массив данных, сделайте его копию и продолжите работу с скопированным массивом.

У каждого элемента в 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.