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

/*
  Tree provides various editors to modify data. 
  
  In the left tree you can click on a node title to start editing it. 
  In the right tree click on a node to open the select editor.
*/

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