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