data

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

string|array|object data;

Example

var data: [
    { "id":"1",
      "value":"The Shawshank Redemption",
      "open":true,
      "data":[
        { "id":"1.1", "value":"Part 1", "chapter":"alpha"},
        { "id":"1.2", "value":"Part 2", "chapter":"beta", "open":true,
           "data":[
            { "id":"1.2.1", "value":"Part 1", "chapter":"beta-twin"},
            { "id":"1.2.2", "value":"Part 1", "chapter":"beta-twin"}
            ]
        }
     }
];
 
webix.ui({
    view:"treetable",
    data:data,
    columns:[
        { id:"id", header:""},
        { id:"value", header:"Film title",
            template:"{common.treetable()} #value#" },
        { id:"chapter", header:"Mode",  width:200}
    ]
});

Related samples

Basic Initialization

Details

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

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

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

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

А потому, если вы используете одни и те же данные в разных компонентах, делайте глубокое копирование (webix.copy()).