Java项目中树形菜单的创建PPT课件.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,.,*,树型菜单的创建,1,.,目录,使用dTree构建树型菜单,使用XTree构建树型菜单,使用XLoadTree构建AJAX树型菜单,使用JQuery树型插件构建树型菜单,2,.,引言,树型菜单是经常用到的数据组合和显示方式。,3,.,dTree构建树型菜单,dTree是一种免费的javascript树型菜单,如下:,注意要把dTree包下的js,css和img放到相应目录,root节点的pid必须为-1,5,.,dTree的使用（二）,实例化树并显示,实例化树,显示树,在树中添加节点,6,.,add方法的参数说明,dTree.prototype.add=function(id,pid,name,url,title,target,icon,iconOpen,open),7,.,XTree构建树型菜单,XTree是基于对象操作的树型菜单,(document.getElementById),vartree=newWebFXTree(Root);,tree.setBehavior(classic);,vara=newWebFXTreeItem(1);,tree.add(a);,varb=newWebFXTreeItem(1.1);,a.add(b);,document.write(tree);,实例化树,显示树,实例化节点,在树中添加节点,在树中某个节点下添加子节点,10,.,XLoadTree构建Ajax树型菜单,xloadtree是一款非常优秀的ajax树控件,它是基于js和xml的；,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中保存的子节点的信息,13,.,总结,使用dtree构建树型菜单,使用xtree构建树型菜单,使用XLoadTree构建AJAX树型菜单,使用JQuery树型插件构建树型菜单,使用JQuery树型插件构建AJAX树型菜单,14,.,Thank you,谢 谢,15,.,