《dhtmlxTree树形菜单简单试用.doc》由会员分享,可在线阅读,更多相关《dhtmlxTree树形菜单简单试用.doc(4页珍藏版)》请在金锄头文库上搜索。
1、下载后解压 dhtmlxTree.rar 文件,得到dhtmlxTreecodebase文件夹,我试用的就是引入的codebase中的文件。建立测试目录结构:Java代码 1 testdhtmlxTree 文件夹 2 .index.html 文件 3 .dhtmlxTree 文件夹 4 .codebase 文件夹 index.html内容如下:Html代码 5 6 7 8 9 测试dhtmlxTree 10 11 12 13 14 15 16 17 18 19 20 21 22 23 tree=new dhtmlXTreeObject(treeboxbox_tree,100%,100%,0);
2、 24 tree.setImagePath(dhtmlxTree/codebase/imgs/); 25 tree.enableDragAndDrop(0); 26 tree.enableTreeLines(false); 27 tree.setImageArrays(plus,plus.gif); 28 tree.setImageArrays(minus,minus.gif); 29 /tree.setStdImages(book.gif,books_open.gif,books_close.gif); 30 /tree.setXMLAutoLoading(tree4.xml); 31 /t
3、ree.loadXML(tree4.xml); 32 /tree.insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs) 33 tree.insertNewItem(0,1,区域管理,); 34 tree.insertNewChild(1,2,北京); 35 tree.insertNewChild(1,3,天津); 36 tree.insertNewChild(1,4,上海); 37 tree.insertNewChild(1,5,湖南); 38 tree.insertNewChild(1,6,广西); 39 tree.insertNewChild(4,7,徐家汇); 40 tree.insertNewChild(4,8,百老会); 41 tree.insertNewChild(4,9,不清楚); 42 tree.insertNewChild(4,10,哈哈哈); 43 tree.setOnClickHandler(test); 44 function test() 45 var text= tree.getSelectedItemText(); 46 alert(text); 47 48 49 50 效果图如下: