DHTML Tree samples. dhtmlXTree - Add / Delete items
Add / Delete items
.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; }
Insert new child item Item label
Insert new item next Item label
Delete item
<br/><div id="treeboxbox_tree" style="width:200;height:200"></div><br/><script><br/> tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);<br/> tree.setImagePath("treeImgs/");<br/> tree.loadXML("treeImgs/tree3.xml")<br/> <br/> tree.insertNewItem(0,100,"New Node 1",0,0,0,0,"SELECT");<br/> tree.insertNewNext(2,101,"New Node 2",0,0,0,0,"");<br/> tree.deleteItem("2");<br/></script><br/>
0s passed to the function for arguments 4-7 (function to call on select, images) mean use default values for them
Last argument is a comma delimited string of following possible value (upper case only):
SELECT - move selection to this node after inserting
CALL - call function on select
TOP - add node to the top position
CHILD - node has children
CHECKED - checkbox is checked (if exists)
fancyTree.zip( 110 k)