dhtmlxTreeGrid is a cross-browser JavaScript UI component designed to represent tabular data in hierarchical view.
It is based on our Ajax/DHTML control dhtmlxGrid and combines tree view and editable grid.
Ajax support and rich JavaScript API brings great flexibility to the treegrid allowing you to create completely
customizable dynamic tables with expandable rows. Advanced data entry capabilities make the treegrid more
interactive and let users to enter and edit table data in intuitive way.
The possibility to dynamically expand/collapse table rows assigned to the corresponding tree items makes
this treegrid control a perfect solution for displaying tables with unlimited number of rows.
One more feature which enables dhtmlxTreeGrid to handle large amounts of data without performance
loss is Smart XML Parsing: grid rows are rendered dynamically on node opening.
Double-click or [F2] on cell to edit. [Tab] to navigate through cells, [Up/Down] - to navigate through rows
Select multiple rows using [Shift/Ctrl]
As an extension of dhtmlxGrid the treegrid deploys all its functionality including client-side data editing and sorting,
columns resizing and different cell types. Besides that, the control provides advanced drag-n-drop feature
(both drop-between and drop-inside are supported) and the ability to work in a split mode (frozen columns).
Being written entirely in JavaScript dhtmlxTreeGrid runs on client-side and allows manipulating and editing tree/table
data on the fly. As communication between server and client is driven via Ajax mechanism,
tree grid content is loaded asynchronously through XMLHTTP and can be updated without the whole page refreshing.
dhtmlxTreeGrid can be populated with data via JavaScript or from server data source (via XML).
It offers robust and comprehensive solution that can greatly enrich any web application with dynamic content.
dhtmlxTreeGrid v.1.4 is available since July 12, 2007.
(last build from August 13, 2007)
Main new features include:
TreeGrid performance increased by 100% on some operations
Order of items on each level after drag-n-drop, insert operations preserved
Open state of items nested within collapsed items preserved
New eXcells added
Extended updateFromXML capabilities
Fixed known issues and optimized existing functionlity. See complete list here
Supported Browsers:
IE 5.x and above
Mozilla 1.4 and above
FireFox 0.9 and above
Safari 2.0 and above (1.3 with some limitations)
Features*:
Full control with JavaScript API
Simple JavaScript configuration
Integration with HTML Form
Async mode loading support (AJAX)
Loading/Configuration from XML (file or string)
Ability to load big datasets (Smart rendering/paging)
* - as dhtmlxTreeGrid is an extended version of dhtmlxGrid,
it has all features and functionality of its parent.
** - demo shown above has only basic functionality of dhtmlxTreeGrid
Licensing
In order to get full version of dhtmlxTreeGrid you need to purchase Commercial License ($249) or Enterprise License , which also includes dhtmlxGrid Professional. Please, contact us to buy.
Download:
v.1.4 (build 70813) Professional Edition Contact us
To allow greater flexibility, dhtmlxGrid uses unique mechanism called eXcell (extended Cell) to
define data format and way of editing data for each column (cell). The grid control provides a wide
variety of cell formats including text, image, combo box, list box, checkbox and radio buttons.
If a cell contains multi-line text it can be edited with popup text editor or wrapped
automatically in a cell.
Along with standard ways (text, combo box, check box, etc.) of column editing/formatting, there are special types of exCell
included into dhtmlxGrid package. For example, above table uses specific eXcell type to represent dynamic data in Sales
and Prices columns. For details about usage and creation of new eXcell please reffer to the documentation
Send me update notifications on email
