NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

Quick Start with DataTree, JavaScript Programming Example of Quick Start with DataTree

JavaScript Programming Example of Quick Start with DataTree

Check out the piece of code for the hassle-free start with DataTree. Get started with DataTree quickly and smoothly using our free coding sample. Don't miss the chance to use other free programming examples by Webix.

JS Code

webix.ui({
  view:"tree",
  select:true,
  data: [
    {id:"root", value:"Cars", open:true, data:[
      { id:"1", open:true, value:"Toyota", data:[
        { id:"1.1", value:"Avalon" },
        { id:"1.2", value:"Corolla" },
        { id:"1.3", value:"Camry" }
      ]},
      { id:"2", value:"Skoda", open:true, data:[
        { id:"2.1", value:"Octavia" },
        { id:"2.2", value:"Superb" }
      ]}
    ]}
  ]
});