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

Details

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

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

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

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix ui widget library and page of tree table widget product.