dhtmlxTree (DHTML extensions Tree) is a feature rich JavaScript tree menu that allows you to effortlessly create attractive and fast-loading hierarchical interfaces with cross-browser compatibility, AJAX support, in-line node editing and drag-n-drop capabilities. Rich client-side API provides complete control over the tree appearance and behaviour.

Special techniques implemented into component allow loading really big trees in moments. The next step in this direction - Smart Rendering - which was introduced in v.1.6, solves performance problems in trees with great number of nodes per level.

The tree implements AJAX model of data processing which allows the tree content to be updated seamlessly without reloading the entire webpage. All changes performed in the tree on the client-side can be automatically saved to the database in real time.

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

Live demo

Themes:

Books

Vista Theme

Folders

Being built into your web site or application, this DHTML tree provides high-performing navigation system. Tree nodes can be loaded dynamically on demand from XML stream, therefore dhtmlxTree effectively works with large amounts of data and handles almost unlimited number of nodes.

Distributed parsing functionality allows this tree to asynchronously load tree levels with hundreds of nodes. When the node is open, only first portion of subnodes is displayed, then others are dynamically processed and displayed by the same portions on demand.

Examples of using the tree with different server-side technologies are available.

• Multibrowser/Multiplatform support
• XHTML compatible
• Loading from XML/Javascript/JSON/CSV
• Async mode loading support
• Editable Items
• Keyboard navigation
• Multiselect
• Drag-&-drop (within one tree, between trees)
• Right-to-left languages support (RTL)
• Full controll with JavaScript API
• Dynamic Loading for big trees
• Distributed Loading for big levels
• Smart XML Parsing for big trees
• Smart Rendering for really big trees

• Serialization to XML
• Customizable drag-&-drop to/from dhtmlxGrid
• Copy with drag-n-drop
• Drop-between/drop-inside
• Checkboxes (two/three states, disabled/hidden, radio)
• Customizable View
• Unlimited User-data for nodes
• ASP.NET custom server control
• JSP custom tag
• Macromedia Cold Fusion support
• Detailed documentation
* - some functionality is available in pro edition only

Features Details

Featured Samples:

Text direction (LTR & RTL)
Pure text tree
Mixed checkboxes
Context menu based on item properties
Updating server datasource
Initialize from HTML
Different loading modes
Smart XML parsing
Smart Rendering in tree
Editable items
Custom sorting routine
Navigation and Edit with keyboard
Smart XML parsing and Sorting

All dhtmlxTree Examples

Standard - available for free download (to use under GPL).

Professional - contains additional features (with examples) which are not present in Standard edition. Delivered under Commercial and Enterprise licenses.

Professional Edition Features include:

Context Menu
Sorting (including custom type)
OnDrag/OnDrop event handler
Additional Drag-n-drop behavior – drop-as-sibling, complex drag-n-drop
Drag-n-drop between frames
Drag-n-drop to/from dhtmlxGrid
Ability to move items within/between trees with script API
Multiselect, drag-n-drop multiple items
Focus item with script method
Dynamic rendering – advanced xml processing for loading big trees
Serialization – possibility to create XML based on updated tree structure.
Search
Multi-line tree items
Saving/Restoring tree state in/from cookies
Change icon size
Editable Items
Ability to automaticaly update server side on tree structure changes
Keyboard navigation
Locked items
Right-to-left languages support
Error handling
Quick Search - navigate through the tree typing node name
Tree lock
Smart Rendering

more Professional Edition features

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