Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)区别
来源:互联网 发布:caxa编程助手安装 编辑:程序博客网 时间:2024/05/21 17:32
树状结构显示据我看到的比较流行的有dtree、xtree、EXTtree、E3tree、ztree。在本人的项目中使用的是ztree,它也是所有中功能最强大的树。下面我分别介绍一下它们。
1 dtree
dtree是就是一个js的开源树形组件,使用特别简单,可以根据标签打开新的链接,自定义显示图标等等。优点是功能简单、实用,但是不支持checkbox,不支持动态增加,删除节点,移动节点。当然如果可以利用Jquery等其他东西也是可以做到动态添加的,不过这样添加的代码就比较多。
参考资料:
a 官方网站:http://destroydrop.com/javascripts/tree/
b http://blog.163.com/prevBlogPerma.do?host=fanxiaoqc@126&srl=331419002010111054056395&mode=prev&fromdm&fromSearch&isFromSearchEngine=yes
2 xtree
xtree是基于ajax实现的属性菜单。它可以定制自己的icon和链接,xtree是基于对象的,它也是比较简单的一种树形结构。与dtree相比,可以动态的增加或者删除节点,直接有API方法可以提供。
参考资料:
a 官方网站:http://webfx.eae.net/dhtml/xtree/index.html
3 ExtTree
ExtTree是一个继承自Panel的树状组件,是EXTJS的一个组件。我们在使用时,直接以对象的方式进行调用。其中ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。我们可以在网上找到很多关于ExtJs的学习书籍。
4 E3tree
E3Tree是E3平台下用于构造树形UI(menu,tree,outlookbar)的一个组件。它集成了现有的xtree、exttree和yuitree,能够在jsf/webwork/strtus/spring mvc 等等框架使用。我们可以通过学习它的参考手册对它进行系统的学习。
5 zTree
zTree是一个依靠 jQuery 实现的多功能 “树插件”,支持选择框等显示,动态更改图标,提供多种事件响应回调,而且异步数据功能强大。相信涉及大型项目或者大量数据时,它的使用将非常方便。
利用ztree和Dwr框架可以轻松的实现后台数据的异步加载,他们都是利用Ajax进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文http://blog.csdn.net/zxingchao2009/article/details/6563714
参考资料
a 官方网站:http://www.baby666.cn/v3/main.php#_zTreeInfo
1 dtree
dtree是就是一个js的开源树形组件,使用特别简单,可以根据标签打开新的链接,自定义显示图标等等。优点是功能简单、实用,但是不支持checkbox,不支持动态增加,删除节点,移动节点。当然如果可以利用Jquery等其他东西也是可以做到动态添加的,不过这样添加的代码就比较多。
参考资料:
a 官方网站:http://destroydrop.com/javascripts/tree/
b http://blog.163.com/prevBlogPerma.do?host=fanxiaoqc@126&srl=331419002010111054056395&mode=prev&fromdm&fromSearch&isFromSearchEngine=yes
2 xtree
xtree是基于ajax实现的属性菜单。它可以定制自己的icon和链接,xtree是基于对象的,它也是比较简单的一种树形结构。与dtree相比,可以动态的增加或者删除节点,直接有API方法可以提供。
参考资料:
a 官方网站:http://webfx.eae.net/dhtml/xtree/index.html
3 ExtTree
ExtTree是一个继承自Panel的树状组件,是EXTJS的一个组件。我们在使用时,直接以对象的方式进行调用。其中ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。我们可以在网上找到很多关于ExtJs的学习书籍。
4 E3tree
E3Tree是E3平台下用于构造树形UI(menu,tree,outlookbar)的一个组件。它集成了现有的xtree、exttree和yuitree,能够在jsf/webwork/strtus/spring mvc 等等框架使用。我们可以通过学习它的参考手册对它进行系统的学习。
5 zTree
zTree是一个依靠 jQuery 实现的多功能 “树插件”,支持选择框等显示,动态更改图标,提供多种事件响应回调,而且异步数据功能强大。相信涉及大型项目或者大量数据时,它的使用将非常方便。
利用ztree和Dwr框架可以轻松的实现后台数据的异步加载,他们都是利用Ajax进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文http://blog.csdn.net/zxingchao2009/article/details/6563714
参考资料
a 官方网站:http://www.baby666.cn/v3/main.php#_zTreeInfo
0 0
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)区别
- js tree Dtree and Xtree
- 利用Dtree实现树状结构
- 树状菜单(dtree)
- 使用ztree插件实现前端树状结构
- ztree实现表格风格的树状结构
- javascript树型菜单(Dtree和Xtree)
- xTree,xdownloadTree,dTree小白用树,如何选择
- xtree 显示树形目录
- struts2通过<s:tree>或者dtree插件 建立树形结构
- GridView树状结构显示
- ztree树状结构_(内容管理系统总结4)
- zTree插件在struts2中构建树状分支结构
- 显示树状结构,组织结构图
- web树状结构显示问题
- 对图片做处理的一个的工具类
- oracle case then用法
- iOS开发笔记12:iOS7上UITextField限制字数输入导致崩溃问题
- 文章标题
- 微信支付错误两个问题的解决:curl出错,错误码:60
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)区别
- 深度学习概述:从感知机到深度网络
- Error:Cause: org/gradle/api/publication/maven/internal/DefaultMavenFactory
- 如何从Seacert公司订购Marlin IPTV-ES Keys
- 十一黄金周你非去不可的十大胜地!
- 文章标题
- 前端开发必备!Emmet(Zen Coding)使用手册
- 兼容iOS 10 _升级xcode8_适配(三)
- Java基础--定时任务Timer