dhtmlxTree (DHTML extensions Tree) is a feature rich JavaScript tree menu that allows you to effortlessly create attractive and fast-loading hierarchical trees with cross-browser compatibility, Ajax support, in-line node editing, and drag-n-drop capabilities. Special techniques implemented into this JavaScript tree control make it possible to load even big trees fast and effectively.

Rich client-side API provides complete control over the treeview appearance and behaviour. Since version 2.5, in addition to the existing functional API, dhtmlxTree also provides object constructor that allows developers to define object properties within a single command.

Advanced drag-and-drop allows you to drag items not just within one tree, but between different ones (even if the trees are located in different frames or iframes). You can try this functionality right now:

Live demo

Icons Sets:

DHX Sky Blue

Books

Vista Theme

Folders

The component implements Ajax model of data processing, so the tree content can be updated seamlessly without reloading the entire webpage. All changes performed in the treeview on the client-side can be saved to the database automatically in real time. To simplify server-side integration, we've developed dhtmlxConnector which provides client-server data communication (available for PHP, Java, .Net).

Being built into your web site or application, our DHTML tree provides high-performing navigation system. Smart Rendering brings excellent performance for trees with great number of nodes per level. With Distributed Parsing tree levels are loaded asynchronously: when the node is open, only the first portion of sub-nodes is displayed, then others are dynamically processed and displayed by the same portions on demand.

As a part of DHTMLX library, the tree can be easily integrated with other components into a common application interface with the help of dhtmlxLayout. With a new skin, introduced in version 2.5, the components got slick and clean look which can perfectly match the design of any modern website or application.

Features

• Cross-browser/cross-platform support
• Loading from XML/JavaScript/JSON/CSV
• Ajax support
• Editable items (inline editing)
• Compatibility with dhtmlxConnector (PHP, Java, .Net)
• Keyboard navigation
• Multi-selection
• Context menu
• Advanced drag-n-drop capabilities
• Customizable drag-n-drop to/from dhtmlxGrid
• Right-to-left languages support (RTL)
• Full controll with JavaScript API
• Dynamic loading for big trees
• Smart XML Parsing for big trees
• Smart Rendering for really big trees
• Serialization to XML
• Checkboxes (two/three states, disabled/hidden, radio)
• Customizable appearance
• Unlimited user-data for nodes
• Detailed documentation
* - some features are available in PRO edition only

Editions

dhtmlxTree is available in Standard and Professional editions. Please check feature comparison table to see the difference.

Licenses

Open Source - GPL allows using Standard Edition of dhtmlxTree in GPL projects for free.

Commercial License includes dhtmlxTree Professional Edition and allows you to use it in one project (application) with unlimited number of copies. According to this license we provide you with support (consultations) and free-of-charge bug fixing during 1 month. This license costs $149.

Enterprise License includes dhtmlxTree Professional Edition and allows you to use it in unlimited number of projects on condition that all of them are projects of one company. Free support\upgrade period is 12 months. This license costs $399