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

Rich client-side API provides complete control over the treeview appearance and behavior. Since version 2.5, in addition to the existing functional API, dhtmlxTree has also provided an 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

This component implements the 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, and ColdFusion).

Once built into your web site or application, our DHTML tree provides a high-performance navigation system. Smart Rendering brings excellent performance for trees with a 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 other nodes are dynamically processed and displayed by the same portions on demand.

As part of the 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 took on a 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, ColdFusion)
• Keyboard navigation
• Multi-selection
• Context menu
• Advanced drag-and-drop capabilities
• Customizable drag-and-drop to/from dhtmlxGrid
• Right-to-left languages support (RTL)
• Full controll with JavaScript API
• Dynamic loading for large trees
• Smart XML Parsing for big trees
• Smart Rendering for extra-large trees
• Serialization to XML
• Checkboxes (two/three states, disabled/hidden, radio)
• Customizable appearance
• Unlimited user-data for nodes
• Detailed documentation
* - some features available in PRO Edition only

Editions

dhtmlxTree is available in Standard and Professional Editions (see feature comparison table).

Licenses

Open Source - GPL - Allows the use of dhtmlxTree Standard in GPL projects for free.

Commercial License - Includes dhtmlxTree Professional Edition and allows you to use it in one project (application) with an unlimited number of copies. With this license, you receive 1 month of technical support (or 5 support requests within 12 months) and 1 major update. This license costs $149.

Enterprise License - Includes dhtmlxTree Professional Edition and allows you to use it in an unlimited number of projects on the condition that all of them are developed by one company. Free support/upgrades are provided for the first 12 months. This license costs $399.