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 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:

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 an effectively work with large amounts of data and handle 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.

What's new in version 1.5* (since March 29, 2007): MS Internet Explorer images caching problem resolution New more flexible events system Smoother initial rendering 15% performance improvement Extended keyboard navigation Quick Search - navigate through the tree typing node name Simple drag-n-drop of any HTML element into tree Fixes of known issues from previous version More new features and API methods * - some functionlity available in professional edition only

Supported Browsers: IE 5.x, 6.x, 7.x Mac OS X Safari Mozilla 1.4 and above FireFox 0.9 and above Opera (Xml support depends on browser version) Features:* Multibrowser/Multiplatform support XHTML compartible Editable Items Keyboard navigation Multiselect Right-to-left languages support (RTL) Full controll with JavaScript API Dynamic loading Distributed Loading XML support Extended serialization to XML drag-&-drop (within one tree, between trees) customizable drag-&-drop to/from dhtmlxGrid copy with drag-n-drop drop-between/drop-inside checkboxes (two/three states), disabled/hidden customizable icons (with javascript or xml), icon size user data for nodes Async mode loading support .NET custom server control JSP custom tag Macromedia Cold Fusion support Detailed documentation * - some functionlity available in professional edition only Editions Standard - available for free download (for non-commercial use). Professional - contains additional features (with examples) which are not present at standard edition. Included with Commercial and Enterprise licenses. Contact us to buy. Licensing Open Source - GPL (standard edition only) Commercial License (standard and professional editions): in order to use any edition of dhtmlxTree in a commercial project, get all features available in professional edition or to have support you can purchase a Commercial License ($99). Contact us to buy.

Download: v.1.5 Standard Edition v.1.5 Professional Edition Contact us Documentation: API Functions and Usage Guide Examples: Initialize object Initialize from HTML Add/Delete items Attached events Collapse/Expand branch Change item text/images Checkboxes Change design Changing iconsets Autoloading from xml Drag and Drop Simple drag-n-drop of any HTML element into tree Working with database (PHP/MySQL) Customers:

Code Sample

See also our Java tree applet - jTree.