data

JavaScript array containing data for the component

string|array 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

Each data item of Tree can have the following properties:

  • id (string,number) - the ID of the data item
  • value (string) - the name of the item that will be displayed next to the corresponding node
  • data (array) - nested data items of this node
  • open (boolean) - defines whether the node will be initially opened or closed (only for parent nodes, false by default)
  • disabled (boolean) - defines whether the node will be initially enabled or disabled (false by default)

All these properties can be set and changed.

After the data is parsed, each data item will be supplied with the following readonly 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
See also
Back to top
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.