Java项目中树形菜单的创建-文档资料

1、1树型菜单的创建树型菜单的创建2目录目录 使用使用dTree构建树型菜单构建树型菜单 使用使用XTree构建树型菜单构建树型菜单 使用使用XLoadTree构建构建AJAX树型菜单树型菜单 使用使用JQuery树型插件构建树型菜单树型插件构建树型菜单3引言引言 树型菜单是经常用到的数据组合和显示方式树型菜单是经常用到的数据组合和显示方式 。4dTree构建树型菜单构建树型菜单 dTree是一种免费的是一种免费的javascript树型菜单树型菜单 http:/ 引入树引入树 在在head标签中加入标签中加入dtree.js和和dtree.css 如下如下: 注意要把dTree包下的js,css

2、和img放到相应目录 root节点的节点的pid必须为必须为-1 6dTree的使用（二）的使用（二） 实例化树并显示实例化树并显示 实例化树显示树在树中添加节点7add方法的参数说明方法的参数说明 dTtotype.add = function(id, pid, name, url, title, target, icon, iconOpen, open) 8XTree构建树型菜单构建树型菜单 XTree是基于对象操作的树型菜单是基于对象操作的树型菜单 http:/ 9XTree的使用（一）的使用（一） 引入树引入树在在head标签中加入标签中加入xtree.js和和xtree

3、.css如下如下: 10XTree的使用（二）的使用（二） 实例化树并显示实例化树并显示 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); 实例化树显示树实例化节点在树中添加节点在树中某个节点下添加子节点11XLoadTree构建构建Ajax树型菜单树型菜单

4、xloadtree是一款非常优秀的是一款非常优秀的ajax树控件树控件 它是基于它是基于js和和xml的；的； http:/ 引入树引入树在在head标签中加入标签中加入xtree.js,xtree.css, xmlextras.js, xloadtree.js如下如下: 13XLoadTree的使用（二）的使用（二） 实例化树并显示实例化树并显示 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); 实例化树显示树在树中添加叶子节点在树中添加非叶子节点XML中保存的子节点的信息14总结总结 使用使用dtree构建树型菜单构建树型菜单 使用使用xtree构建树型菜单构建树型菜单 使用使用XLoadTree构建构建AJAX树型菜单树型菜单 使用使用JQue