Documentation

data

JavaScript array containing data for the component

string|array 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}
    ]
});

See also

Details

After the data is parsed, each data item will be supplied with the following properties to form the hierarchy:

  • $level - (number) the level of nesting (one-based numbering);
  • parent - (string) the id of thr item's parent;
  • $count - (number) the number of childs
Back to top