jQuery Grid Plugin - jqGrid

After lot of hard work I have developed a new Tree Grid component. The component is not finished, but I want to know what you think about this.

Here is breief what I have do:

(The link of the demo is at end )

To enable tree grid in the options we should:

treeGrid :  true (default is false)

When enabling the tree grid we internally disable (currently) some features

1. subGrid is disabled
2. multiselect is disabled
3. pager elements (but not the pager) are disabled - buttons and etc
4. altRows is disabled

To have independance from data a new options is added

treeReader: {
    level_field: "level",
    left_field:"lft",
    right_field: "rgt",
    leaf_field: "isLeaf",
    expanded_field: "expanded"
}
This currently is for nested set model

This automatically extend the colModel with these fields.
These fields are added at end of the colModel array
and are hidden.

This means that the data returned from the server should have
values for these fields.
A very important thing here is that the data returned from the server
should be represented (sorted) in appropriate way - example

SELECT category_name, level, lft, rgt FROM categories ORDER BY lft;

level_field, left_field, right_field - should be a numbers

leaf_field, expanded_field  - should have values 'true' or 'false'

leaf_field determines if the record is a leaf.
This is easy in Nested set model since of

if( rgt == lft+1 ) isLeaf = true; else isLeaf = false;

expanded_field tells us if the tree at this level should be
expanded when read from grid. If this field is true a child nodes should be sened to grid.

Another options are
tree_root_level : 0

The default value is set to 0.
This tell us at wich level begin the root element.

ExpandColumn: null

This options tell's  which column (name from colModel) should be used to expand the tree. If not set the first one is used.

Some things that you should known.

1. Currently adding nodes with addRowData is not supported.
2. When we initialize the grid and the data is read after
this datatype automatically is set to local. This is pariallly
true since grid support autoloading tree nodes.
This means that if you load the data only at root level first
and click at some root node the grid determine that there is
no data and try to load the nodes from the server.
In this case the data that is send to the server have additional parameters
I use in this case a postData array like this

postData:{nodeid:rc.id,n_left:rc.lft,n_right:rc.rgt,n_level:rc.level}

In other words you can grab these values and do something
like this to load the child nodes

SELECT category_name, level, lft, rgt FROM categories
WHERE lft > n_left AND rgt < n_right AND level = n_level +1
ORDER BY lft;

Once when all the nodes are loaded we do not make any other request to
the server

A single click is used to the tree image and double click to the expanded row

Known bugs.
1.In FF2 and IE when try to resize the expandable column
the tree images are shown - i.e - wraping does not resize.
In FF3, Opera and Safari3 all is OK.
2. When double click on the expanded row the text is selected (except in IE).

Planed additions.
1. expandAll and collapseAll methods
2. autoclosing tree nodes - when click on node all nodes at this level should becolapsed automatically and only a clicked will be expanded.
3. addNode, removeNode methods

http://www.trirand.com/jqgrid/.....egrid.html

~Enjoy

Tony