《Java项目中树形菜单的创建.ppt》由会员分享,可在线阅读,更多相关《Java项目中树形菜单的创建.ppt(15页珍藏版)》请在三一办公上搜索。
1、树型菜单的创建,目录,使用dTree构建树型菜单使用XTree构建树型菜单使用XLoadTree构建AJAX树型菜单使用JQuery树型插件构建树型菜单,引言,树型菜单是经常用到的数据组合和显示方式。,dTree构建树型菜单,dTree是一种免费的javascript树型菜单 http:/,dTree的使用(一),引入树 在head标签中加入dtree.js和dtree.css 如下:,注意要把dTree包下的js,css和img放到相应目录 root节点的pid必须为-1,dTree的使用(二),实例化树并显示,实例化树,显示树,在树中添加节点,add方法的参数说明,=function(id
2、,pid,name,url,title,target,icon,iconOpen,open),XTree构建树型菜单,XTree是基于对象操作的树型菜单http:/,XTree的使用(一),引入树在head标签中加入xtree.js和xtree.css如下:,XTree的使用(二),实例化树并显示,XLoadTree构建Ajax树型菜单,xloadtree是一款非常优秀的ajax树控件它是基于js和xml的;http:/,XLoadTree的使用(一),引入树在head标签中加入xtree.js,xtree.css,xmlextras.js,xloadtree.js如下:,XLoadTree的
3、使用(二),实例化树并显示,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中保存的子节点的信息,总结,使用dtree构建树型菜单使用xtree构建树型菜单使用XLoadTree构建AJAX树型菜单使用JQuery树型插件构建树型菜单使用JQuery树型插件构建AJAX树型菜单,Thank you,谢 谢,