DHTML Tree samples. dhtmlXTree - Action handlers
Action handlers
.defaultTreeTable{
margin : 0;
padding : 0;
border : 0;
}
.containerTableStyle { overflow : auto;}
.standartTreeRow{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; -moz-user-select: none; }
.selectedTreeRow{ background-color : navy; color:white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 12px; -moz-user-select: none; }
.standartTreeImage{ width:18px; height:18px; overflow:hidden; border:0; padding:0; margin:0; }
.hiddenRow { width:1px; overflow:hidden; }
.dragSpanDiv{ font-size : 12px; border: thin solid 1 1 1 1; }
<br/><div id="treeBox" style="width:200;height:200"></div><br/><script><br/> tree=new dhtmlXTreeObject(document.getElementById('treeBox'),"100%","100%",0);<br/> <br/> ...<br/> tree.setDragHandler(onDrop);//set function object to call on drop<br/> tree.setOnClickHandler(onNodeSelect);//set function object to call on node select<br/> tree.setOnOpenHandler(aFunc);//set function to call on open/close node<br/> tree.setOnCheckHandler(aFunc);//set function to call on open/close node<br/> tree.setOnDblClickHandler(aFunc);//set function to call on dbl click<br/></script><br/>
Selected node ID will be passed to function specified as argument for setDefaultAction(funcObj)
Dropped node ID and new parent node ID will be passed to function specified as argument for setDragFunction(funcObj)
node ID will be passed to the function specified as argument for setOpenAction(aFunc)
node ID will be passed to the function specified as argument for setDblClickAction(aFunc)
fancyTree.zip( 110 k)