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

Tree: JSON Dataset

Details

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

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

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

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

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

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

$level - (number) уровень (отсчет с 1);
parent - (string) id родителя;
$count - (number) число детей.