Learning and use of Dhtmltree, Dtree and Ztree

Dhtmltree is a tree menu that allows us to quickly develop a graceful, Ajax-based JavaScript library. She allows for online editing, drag-and-drop, three states (select All, uncheck, half), check boxes, and more. At the same time, when loading large amounts of data, you can still maintain very efficient speed.

Dhtmltree is a feature-rich third-party JavaScript tree menu that enables users to quickly add a hierarchical tree on a Web page that looks very beautiful, based on Ajax technology. The tree view supports online node editing, current drag-and-drop functionality, tri-state check boxes, and more. Due to the use of special techniques, dhtmlxtree can quickly and efficiently load large structures of trees. Dhtmlxtree has the following features: powerful drag-and-drop capabilities, a rich JavaScript API for users, Ajax and server-side integration, and fast execution of javascript trees.

Dhtmlxtree Introduction and small demo:http://www.cnblogs.com/draem0507/archive/2013/02/01/2889317.html

Dhtmltree Basic Learning and api:http://www.cnblogs.com/lidabo/archive/2011/11/02/2233468.html

Second,Dtree is an easy-to-javascript-based tree menu control, written by JavaScript. Supports unlimited ratings, you can place multiple dtree on the same page, and you can specify different icons for each node. Currently free and open source. Simple to use, the interface is also very professional production.

Third, Ztree is to use the core code of JQuery, to achieve a set of most common functions of the Tree plug-in

• Compatible with IE, FireFox, Chrome and other browsers

• Multiple Tree instances can be generated at the same time within a page

• Support for JSON data

• Support one-time static generation and Ajax asynchronous loading two ways

• Support multiple incident response and feedback

• Tree-supported nodes move, edit, delete

• Supports any skin change/personalization icon (depending on CSS)

• Support for extremely flexible checkbox or radio selection functions

• Simple parameter configuration for flexible functions

1 Dtree
Dtree is a JS open-source tree component, use is particularly simple, you can open new links according to the tag, custom display icons and so on. The advantage is that the function is simple and practical, but does not support checkbox, does not support dynamic increment, delete node, move node. Of course, if you can use other things like jquery can be added dynamically, but this adds more code.
References:
A official website: 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 is a property menu based on Ajax implementations. It can customize its own icon and links, XTree is Object-based, it is also a relatively simple tree-shaped structure. Compared with Dtree, you can dynamically add or delete nodes, directly with the API method can be provided.
References:
A official website: http://webfx.eae.net/dhtml/xtree/index.html
3 Exttree
Exttree is a tree-like component that inherits from the panel and is a component of the ExtJS. When we use it, we call it directly as an object. Where ExtJS can be used to develop an AJAX application for Ria, a rich client, is written in JavaScript and is used primarily to create a front-end user interface, a front-end Ajax framework unrelated to background technology. We can find a lot of books about ExtJS on the Internet.
4 E3tree
E3tree is a component of the E3 platform for constructing a tree-shaped UI (Menu,tree,outlookbar). It integrates existing xtree, Exttree, and Yuitree, and can be used in frameworks such as jsf/webwork/strtus/spring MVC and so on. We can learn it systematically by studying its reference manual.
5 Ztree
Ztree is a multi-functional "tree plugin" that relies on jQuery, supports display such as selection boxes, dynamically changes icons, provides multiple event response callbacks, and is powerful for asynchronous data. It is very convenient to use when it comes to large projects or large amounts of data.
with the Ztree and DWR framework, it is easy to implement asynchronous loading of background data, they are asynchronously refreshed with Ajax for background data, the page is not reloaded, and it is very fast. You can refer to this blog post http://blog.csdn.net/zxingchao2009/article/details/6563714

Learning and use of Dhtmltree, Dtree and Ztree