Java項(xiàng)目中樹形菜單的創(chuàng)建-文檔資料

1、1樹型菜單的創(chuàng)建樹型菜單的創(chuàng)建2目錄目錄 使用使用dTree構(gòu)建樹型菜單構(gòu)建樹型菜單 使用使用XTree構(gòu)建樹型菜單構(gòu)建樹型菜單 使用使用XLoadTree構(gòu)建構(gòu)建AJAX樹型菜單樹型菜單 使用使用JQuery樹型插件構(gòu)建樹型菜單樹型插件構(gòu)建樹型菜單3引言引言 樹型菜單是經(jīng)常用到的數(shù)據(jù)組合和顯示方式樹型菜單是經(jīng)常用到的數(shù)據(jù)組合和顯示方式 。4dTree構(gòu)建樹型菜單構(gòu)建樹型菜單 dTree是一種免費(fèi)的是一種免費(fèi)的javascript樹型菜單樹型菜單 http:/ 引入樹引入樹 在在head標(biāo)簽中加入標(biāo)簽中加入dtree.js和和dtree.css 如下如下: 注意要把dTree包下的js,css

2、和img放到相應(yīng)目錄 root節(jié)點(diǎn)的節(jié)點(diǎn)的pid必須為必須為-1 6dTree的使用（二）的使用（二） 實(shí)例化樹并顯示實(shí)例化樹并顯示 實(shí)例化樹顯示樹在樹中添加節(jié)點(diǎn)7add方法的參數(shù)說(shuō)明方法的參數(shù)說(shuō)明 dTtotype.add = function(id, pid, name, url, title, target, icon, iconOpen, open) 8XTree構(gòu)建樹型菜單構(gòu)建樹型菜單 XTree是基于對(duì)象操作的樹型菜單是基于對(duì)象操作的樹型菜單 http:/ 9XTree的使用（一）的使用（一） 引入樹引入樹在在head標(biāo)簽中加入標(biāo)簽中加入xtree.js和和xtree

3、.css如下如下: 10XTree的使用（二）的使用（二） 實(shí)例化樹并顯示實(shí)例化樹并顯示 if (document.getElementById) var tree = new WebFXTree(Root); tree.setBehavior(classic); var a = new WebFXTreeItem(1); tree.add(a); var b = new WebFXTreeItem(1.1); a.add(b); document.write(tree); 實(shí)例化樹顯示樹實(shí)例化節(jié)點(diǎn)在樹中添加節(jié)點(diǎn)在樹中某個(gè)節(jié)點(diǎn)下添加子節(jié)點(diǎn)11XLoadTree構(gòu)建構(gòu)建Ajax樹型菜單樹型菜單

4、xloadtree是一款非常優(yōu)秀的是一款非常優(yōu)秀的ajax樹控件樹控件 它是基于它是基于js和和xml的；的； http:/ 引入樹引入樹在在head標(biāo)簽中加入標(biāo)簽中加入xtree.js,xtree.css, xmlextras.js, xloadtree.js如下如下: 13XLoadTree的使用（二）的使用（二） 實(shí)例化樹并顯示實(shí)例化樹并顯示 var rti;var tree = new WebFXTree(Root);tree.add(new WebFXTreeItem(Tree Item 1);tree.add(new WebFXLoadTreeItem(Tree Item 2, tree.xml);document.write(tree); 實(shí)例化樹顯示樹在樹中添加葉子節(jié)點(diǎn)在樹中添加非葉子節(jié)點(diǎn)XML中保存的子節(jié)點(diǎn)的信息14總結(jié)總結(jié) 使用使用dtree構(gòu)建樹型菜單構(gòu)建樹型菜單 使用使用xtree構(gòu)建樹型菜單構(gòu)建樹型菜單 使用使用XLoadTree構(gòu)建構(gòu)建AJAX樹型菜單樹型菜單 使用使用JQue