Sample: dhtmlxTree Editable items dhtmlxTree main page
X

Double click any item to edit it.
Title is validated and can't be empty.

Enable editing
Disable editing
Click on selected Double click
 
function m_func(state,id,tree,value){
    if ((state==2)&&(value=="")) return false;
    return true;
}
 
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
...
//enable editing on doubleclick
tree.enableItemEditor(true);
//set validator function
tree.setOnEditHandler(m_func);
 
tree.loadXML("tree.xml");
THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.