Preview: Ext GWT Grid, Grid Plugins, and EditableGrid
July 23, 2008 by Darrell Meyer
Ext GWT 1.1 development is moving along nicely and includes a new Grid component. Grid is based on the Ext JS Grid and will support the same features including grid plugins, grouping, totaling, and inline editing.
Grid vs. Table
One if the biggest differences between Table and Grid is performance. Table does not scale well with a large number of rows. Grid renders its data much faster and can handle larger data sets with noticeable differences in initial rendering times.
Table is a container of TableItems which work without a model. TableItems deal directly will cell values. Model support is added using a TableBinder which works with a Store. With Grid, there are no child components and Grid works with the Store directly. This design simplifies use and the binder is no longer needed.
Grid Plugins
1.1 adds support for component plugins with the new ComponentPlugin interface which are objects that can “plug” into a component’s lifecycle. With Grid, plugins are used to modify the behavior of Grid to add new features. The following features are provided using plugins and custom renderers.
RowExpander
CheckBox Grid
RowNumberer
EditableGrid
EditableGrid is a Grid subtype that provides inline editing support using cell editors. Each editor wraps a Field subclass and provides editors based on the data type being edited. A nice feature of Grid is dirty cell marking. A cell shows a visual indicator when it is dirty as defined by the bound Store and Record. All changes to the Grid can be rejected or committed via the Store with the UI updating automatically.
Next Up
Grid, EditorGrid, and the grid plugins are available in SVN. Next, we will be adding grouping and totaling support to Grid.
Posted on July 23rd, 2008 at 9:04 pm
[...] Ext-GWT (GXT) releases preview of new Grid widget Posted on July 23, 2008 by Tim Darrell from ExtJs just released a preview of the new Grid component that will be part of Ext-GWT (GXT) v.1.1. Here are the previews of various grid views and an implementation of editable grid. More details on the implementation plans for the Grid component are here [...]
Posted on July 24th, 2008 at 12:48 am
Very nice. Ext GWT is looking amazing!
Posted on July 24th, 2008 at 3:42 am
As I know, now it is impossible to insert combo with divided hidden id and visual value into an editable grid. For this purpose it is necessary to write an artful code.
And work with remote linked combo in an editable grid is a real hell.
Jack, make to us comfortable linked combo with comfortable remote data and predefined values and comfortable binding to an editable grid.
Posted on July 24th, 2008 at 7:03 am
[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]
Posted on July 24th, 2008 at 9:07 am
[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]
Posted on July 24th, 2008 at 9:12 am
Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.
Posted on July 24th, 2008 at 9:19 am
[...] July 24, 2008 at 9:18 pm · Filed under javascript Link: Ext GWT Grid, Grid Plugins, and EditableGrid [...]
Posted on July 24th, 2008 at 5:03 pm
[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]
Posted on July 25th, 2008 at 3:50 am
[...] http://extjs.com/blog/2008/07/23/preview-ext-gwt-grid-grid-plugins-and-editablegrid/ [...]
Posted on July 25th, 2008 at 4:34 am
ExtGWT is looking very good. What’s the timescale for the 1.1 release? Also, how stable is the SVN version?
Posted on July 25th, 2008 at 9:02 pm
[...] Ext JS – Ext GWT Grid, Grid Plugins, and EditableGrid – Ext GWT 1.1 development is moving along nicely and includes a new Grid component. Grid is based on the Ext JS Grid and will support the same features including grid plugins, grouping, totaling, and inline editing [...]
Posted on July 31st, 2008 at 4:03 am
[...] Souvenez-vous, il y a quelques mois je vous parlais des possibilités d’évolution des menus déroulants (Est-ce la mode des menus déroulant riches ?), ce soir je vous propose de découvrir les possibilités autours des tableaux enrichis (les américains préfèrent parler de “grid“, ne me demandez pas pourquoi) : Ext GWT Grid, Grid Plugins, and EditableGrid. [...]
Posted on September 24th, 2008 at 4:58 pm
Hi,thanks for the post but I ask you if in GXT 1.1 the remote filtering on grid is allowed.
Thanks
Posted on October 19th, 2008 at 8:56 am
EditableGrid is a Grid subtype !!
Posted on November 28th, 2008 at 6:35 pm
Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.
Posted on January 8th, 2009 at 9:53 am
I like this example and try to use extjs-gwt in eclipse project. This is my first article about extjs-gwt:gxt
http://extjs-gwt.blogspot.com
See more about Extjs-gwt on Eclipse.
I think this extjs-gwt article can help beginner to learn.
Posted on May 26th, 2009 at 7:46 pm
[...] tree!). It’s still based on the legacy Table paradigm rather than their newer Grid (see some GXT notes on the difference here), but has improved to the point where we can use it for a moderately sized TreeTable and [...]
Posted on June 24th, 2009 at 12:37 pm
hi can anyone please help me out how can we add a table in the row expander –>Grid Plugins Advance cheers if they can reply me to ursiguy@sify.com
thanks and the gwt is marvollous
Posted on July 3rd, 2009 at 6:30 am
As I know, now it is impossible to insert combo with divided hidden id and visual value into an editable grid. For this purpose it is necessary to write an artful code.
And work with remote linked combo in an editable grid is a real hell. Medyum
Posted on July 18th, 2009 at 10:10 am
I am grateful to you for this great content.
Posted on July 23rd, 2009 at 10:37 am
As I know, now it is impossible to insert combo with divided hidden id and visual value into an editable grid. For this purpose it is necessary to write an artful code.
And work with remote linked combo in an editable grid is a real hell.
Jack, make to us comfortable linked combo with comfortable remote data and predefined values and comfortable binding to an editable grid.
Posted on July 23rd, 2009 at 12:51 pm
Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.
Posted on August 5th, 2009 at 12:29 pm
As I know, now it is impossible to insert combo with divided hidden id and visual value into an editable grid. For this purpose it is necessary to write an artful code.
And work with remote linked combo in an editable grid is a real hell.
Jack, make to us comfortable linked combo with comfortable remote data and predefined values and comfortable binding to an editable grid.
Posted on November 10th, 2009 at 8:46 pm
tnsk for all
Posted on November 10th, 2009 at 9:19 pm
tnks for all
Posted on November 19th, 2009 at 4:50 pm
Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.