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

1、1樹(shù)型菜單的創(chuàng)建樹(shù)型菜單的創(chuàng)建2目錄目錄 使用使用dTree構(gòu)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 使用使用XTree構(gòu)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 使用使用XLoadTree構(gòu)建構(gòu)建AJAX樹(shù)型菜單樹(shù)型菜單 使用使用JQuery樹(shù)型插件構(gòu)建樹(shù)型菜單樹(shù)型插件構(gòu)建樹(shù)型菜單3引言引言 樹(shù)型菜單是經(jīng)常用到的數(shù)據(jù)組合和顯示方式樹(shù)型菜單是經(jīng)常用到的數(shù)據(jù)組合和顯示方式 。4dTree構(gòu)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 dTree是一種免費(fèi)的是一種免費(fèi)的javascript樹(shù)型菜單樹(shù)型菜單 http:/ 引入樹(shù)引入樹(shù) 在在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í)例化樹(shù)并顯示 實(shí)例化樹(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)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 XTree是基于對(duì)象操作的樹(shù)型菜單是基于對(duì)象操作的樹(shù)型菜單 http:/ 9XTree的使用（一）的使用（一） 引入樹(shù)引入樹(shù)在在head標(biāo)簽中加入標(biāo)簽中加入xtree.js和和xtree

3、.css如下如下: 10XTree的使用（二）的使用（二） 實(shí)例化樹(shù)并顯示實(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ù)顯示樹(shù)實(shí)例化節(jié)點(diǎn)在樹(shù)中添加節(jié)點(diǎn)在樹(shù)中某個(gè)節(jié)點(diǎn)下添加子節(jié)點(diǎn)11XLoadTree構(gòu)建構(gòu)建Ajax樹(shù)型菜單樹(shù)型菜單

4、xloadtree是一款非常優(yōu)秀的是一款非常優(yōu)秀的ajax樹(shù)控件樹(shù)控件 它是基于它是基于js和和xml的；的； http:/ 引入樹(shù)引入樹(shù)在在head標(biāo)簽中加入標(biāo)簽中加入xtree.js,xtree.css, xmlextras.js, xloadtree.js如下如下: 13XLoadTree的使用（二）的使用（二） 實(shí)例化樹(shù)并顯示實(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í)例化樹(shù)顯示樹(shù)在樹(shù)中添加葉子節(jié)點(diǎn)在樹(shù)中添加非葉子節(jié)點(diǎn)XML中保存的子節(jié)點(diǎn)的信息14總結(jié)總結(jié) 使用使用dtree構(gòu)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 使用使用xtree構(gòu)建樹(shù)型菜單構(gòu)建樹(shù)型菜單 使用使用XLoadTree構(gòu)建構(gòu)建AJAX樹(shù)型菜單樹(shù)型菜單 使用使用JQue