Editing in Tree, programming examples of editing in Tree

Editing in Tree, programming examples of editing in Tree

Use this JavaScript programming example for editing data in Tree. You can easily edit items by simply clicking on them. Take advantage of our code samples or a snippet tool below to develop your own web apps.

JS Code

webix.protoUI({
  name:"edittree"
}, webix.EditAbility, webix.ui.tree);

// Editable DataTree. Click on an item to edit it.
webix.ui({	
  cols:[
    {	
      view:"edittree",      
      editable:true,
      editor:"text",
      editValue:"value",
      data: webix.copy(tree_data)
    },
    {	
      view:"edittree",
      editable:true,
      editor:"select",
      editValue:"value",
      options:["The Shawshank Redemption", "The Godfather" ],
      data: webix.copy(tree_data)
    }
  ]
});