DHTMLTree、Dtree和Ztree的学习使用

浏览数：58 / 时间：2015年06月09日

一、DHTMLTree是树菜单,允许我们快速开发界面优美,基于Ajax的javascript库.她允许在线编辑,拖拽,三种状态(全选、不选、半选),复选框等模式。同时在加载大数据量的时候,仍然可以保持非常高效的速度。

DHTMLTree是一个功能丰富的第三方JavaScript树菜单，它能够使用户快速添加一个外观非常漂亮的，基于Ajax技术的网页上的分层树。树视图支持在线节点编辑、现行的拖放功能、三态复选框以及更多功能。由于特殊的技术的使用，使dhtmlxTree能够快速有效的加载结构庞大的树。dhtmlxTree具有以下特点：强大的拖拽功能、为用户提供丰富的Javascript API、支持Ajax和服务器端集成以及快速执行Javascript树。

dhtmlxTree介绍及小DEMO：http://www.cnblogs.com/draem0507/archive/2013/02/01/2889317.html

DHTMLTree基础学习及API：http://www.cnblogs.com/lidabo/archive/2011/11/02/2233468.html

二、DTree是一个易于基于JavaScript的树形菜单控件，由JavaScript编写而成。支持无限分级，可以在同一个页面中放置多个dTree，可以为每个节点指定不同的图标。目前免费并且开源。使用简单，界面制作的也很专业。

三、Ztree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件

兼容 IE、FireFox、Chrome 等浏览器
在一个页面内可同时生成多个 Tree 实例
支持 JSON 数据
支持一次性静态生成和 Ajax 异步加载两种方式
支持多种事件响应及反馈
支持 Tree 的节点移动、编辑、删除
支持任意更换皮肤 / 个性化图标（依靠css）
支持极其灵活的 checkbox 或 radio 选择功能
简单的参数配置实现灵活多变的功能

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