Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)

发布时间:2014-10-22 12:24:50编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)",主要涉及到Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)方面的内容,对于Tree树状结构显示(dtree、xtree、ExtTree、E3tree、ztree)感兴趣的同学可以参考一下。

最近在做一个树状结构显示的小项目,其中要用到将大量数据异步显示在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进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快。可以参考这篇博文http://blog.csdn.net/zxingchao2009/article/details/6563714 参考资料      a 官方网站:http://www.baby666.cn/v3/main.php#_zTreeInfo       以上便是我这两天收集、归纳的结果,如果有什么错误的地方,请联系我。谢谢! 转载自:http://www.cnblogs.com/CloudFish/archive/2012/05/09/2493453.html


上一篇:STL之缓冲区迭代器
下一篇:认识LINUX各个版本

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款