Ext.ux.maximgb.tg - the tree grid component for ExtJS 3.x, demo page.

Examples:

• Client side tree grid with level coloring example.
• Server paging nested set tree grid example.
• Server paging adjacency list tree grid example.
• Client side editable tree grid example.
• Paging feature explanation:
  If the tree grid has no selection then paging toolbar shows information related to grid's root nodes set, e.g. if it shows "Displaying 1 - 10 of 20" then there are 20 root nodes (nodes with root id === null) which are divided into two pages. If the tree grid has a selection then the paging toolbar shows information related to selected node's child node set, node must be expanded for node's paging related information is loaded. After node expanding paging toolbar shows selected node's child node set related information and the paging facility are applyed to that node's child node set only. To start paging at the root nodes level one must deselect all nodes.

Licence.

Author.

Maxim Bazhenov (aka MaximGB),
if you have either a reasonable enchancement proposal or a job offer (I am a freelancer) or both fell free to contact me via ExtJS's forums

Download

ux.maximgb.tg.zip

Changes from ExtJS 2.0 version

• No more breadcrumbs header, thought it might be added later as optional component.
• Ext.ux.maximgb.tg.EditorGridPanel class added, so TreeGrid gained the cell editing feature as well.
• Phing (http://phing.info) build file added to distribution.

Change history

• 01.08.2009
  - initial release.
• 01.10.2009
  - Fixed remote sorting related bug, when grid's store 'remoteSort' configuration option was set to 'true' store was sending active node parameter (anode) with a value from the previous request thus records read from the server response were added to store instead of replacing entire store contents.
• 14.10.2009
  - Removed CSS rule forcing grid scroller to show scrollbars always.
• 15.04.2010
  - Fixed small bug in GridView, column renderers now should support scope.