Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
2012-12-29 16:42
274 查看
转:/article/7170278.html
最近在做一个树状结构显示的小项目,其中要用到将大量数据异步显示在web页面里,从而就开始了我的大范围查找树的样例和过程。树状结构显示据我看到的比较流行的有dtree、xtree、EXTtree、E3tree、ztree。在本人的项目中使用的是ztree,它也是所有中功能最强大的树。下面我分别介绍一下它们。
参考资料:
a 官方网站:http://destroydrop.com/javascripts/tree/
b http://blog.163.com/prevBlogPerma.do?host=fanxiaoqc@126&srl=331419002010111054056395&mode=prev&fromdm&fromSearch&isFromSearchEngine=yes
参考资料:
a 官方网站:http://webfx.eae.net/dhtml/xtree/index.html
利用ztree和Dwr框架可以轻松的实现后台数据的异步加载,他们都是利用Ajax进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文/article/8199200.html
参考资料
a 官方网站:http://www.baby666.cn/v3/main.php#_zTreeInfo
以上便是我这两天收集、归纳的结果,如果有什么错误的地方,请联系我。谢谢!
最近在做一个树状结构显示的小项目,其中要用到将大量数据异步显示在web页面里,从而就开始了我的大范围查找树的样例和过程。树状结构显示据我看到的比较流行的有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进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文/article/8199200.html
参考资料
a 官方网站:http://www.baby666.cn/v3/main.php#_zTreeInfo
以上便是我这两天收集、归纳的结果,如果有什么错误的地方,请联系我。谢谢!
相关文章推荐
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)区别
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)
- easyui treegrid 显示数据没有树状结构
- tree显示目录树状结构命令
- struts2通过<s:tree>或者dtree插件 建立树形结构
- 显示树状结构,组织结构图
- E3 tree 1.6在Firefox下显示问题的修复
- tree:以树形结构显示目录下的内容
- List数据按照树状结构(tree)进行排序
- Linux/Ubuntu tree 命令以树形结构显示文件夹目录结构
- mac 终端中添加tree命令显示文件目录结构
- JQuery Tree 树形结构插件 zTree
- linux命令--tree显示文件目录结构
- 增强版JAVA实现文本形式的树状结构显示
- zTree插件在struts2中构建树状分支结构
- Python实现 Linux tree命令:用树形结构显示目录结构
- 关于IE能显示树状结构,而firefox却不能