Blog

Preview: Ext GWT Grid, Grid Plugins, and EditableGrid

July 23, 2008 | 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 RowExpander Plugin CheckBox Grid CheckBox Plugin RowNumberer RowNumberer Plugin

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. EditableGrid

Next Up

Grid, EditorGrid, and the grid plugins are available in SVN. Next, we will be adding grouping and totaling support to Grid.

Written by Darrell Meyer
Darrell Meyer leads the Sencha GXT product team at Sencha. Before joining the company, Darrell was the creator of the popular open source MyGWT Widget Library for Google Web Toolkit (GWT). Darrell brings his expert Java and GWT knowledge to Sencha. With 10+ year’s experience building enterprise web applications, Darrell is equally well versed as both a software architect and user interface expert.
Follow Darrell on Twitter

Share this post:
Leave a reply

There are 45 responses. Add yours.

Ext-GWT (GXT) releases preview of new Grid widget

4 years ago

[...] 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 [...]

Jules

4 years ago

Very nice.  Ext GWT is looking amazing!

nassaja

4 years ago

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.

Ajaxian » Ext GWT Grid, Grid Plugins, and Ed

4 years ago

[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]

Ajax Girl » Blog Archive » Ext GWT Gri

4 years ago

[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]

Pavel

4 years ago

Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.

Ext GWT Grid, Grid Plugins, and EditableGrid | Fom

4 years ago

[...] July 24, 2008 at 9:18 pm · Filed under javascript   Link: Ext GWT Grid, Grid Plugins, and EditableGrid [...]

Javascript News » Blog Archive » Ext G

4 years ago

[...] Darrell Meyer has posted a preview of the Ext GWT Grid and more. [...]

Darren

4 years ago

ExtGWT is looking very good.  What’s the timescale for the 1.1 release?  Also, how stable is the SVN version?

Daily del.icio.us for July 20th through July 25th

4 years ago

[...] 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 [...]

Frédéric CAVAZZA « Merveilles du web 2.0

4 years ago

[...] 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. [...]

Daniele

4 years ago

Hi,thanks for the post but I ask you if in GXT 1.1 the remote filtering on grid is allowed.

Thanks

interpill.org

4 years ago

EditableGrid is a Grid subtype !!

Burun Estetigi

3 years ago

Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.

Mono

3 years ago

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.

GXT 2.0-M2 upgrade experience « Life & C

3 years ago

[...] 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 [...]

yugi

3 years ago

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 .(JavaScript must be enabled to view this email address)

thanks and the gwt is marvollous

medyum

3 years ago

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

cinsellik

3 years ago

I am grateful to you for this great content.

ssk sorgulama

3 years ago

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.

zerrin egeliler

3 years ago

Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.

medyum

3 years ago

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.

medyum

3 years ago

tnsk for all

medyum

3 years ago

tnks for all

seo dan??manl???

3 years ago

Decimal point of num keyboard doesn’t work in editable grid’s price column. It seems to be a bug.

medyum

2 years ago

it is very god blog ,thanks

medyum

2 years ago

this is very nice blog,thank you for all

Karla Perla

2 years ago

Hello

I dont speak english but I promise to do the possible thing…

I have a problem with a grid, I need to filter my information as your example, but I dont find the code.

Can I help me?

Than you very much in advance!!! =)

fotokopi

2 years ago

thank you everybody .This very important blog

Medyum

2 years ago

thank you everybody .

google ilk sayfa

2 years ago

very nice blog…Thank you for all the valuable information

antalya web sitesi

2 years ago

thank you everythinks..Thank you for all the valuable information

Mutfak bolabi

2 years ago

Very nice sharing. Thank you…

medyum

2 years ago

thank you everybody .This very important blog

Muhabbet büyüsü

2 years ago

thank you everybody .This very important blog

resim

2 years ago

thank you nice article

images upload

2 years ago

thank you nice topic

sunwin

2 years ago

how to create an editable grid

raj

2 years ago

how to create an editable grid

Chandra

2 years ago

I am using livegrid in my application. It is good feature from GXT but how to use do dynamic sorting using livegrid, becuase offset contains only (200)cofigured record count, remaining in the cache.

testes de qi

1 year ago

I simplesmente nao get isso…Eu realmente nao.

konteyner

1 year ago

Will it be OK to include those textures as part of the PSD files if I clearly credit you in the description page as well as the documentation?

remil

1 year ago

thank you very much

waqas

8 months ago

I am working on EditableGrid but so for no success, i ran the example on this site and i can’t see dirty simple in my code, second the changes made by editing the fields are invisible, when i reenter the field, i can see my changes, but when i select someother, old values are being show, i have checked many times, ran this site example on my local machine, but still the same problem, any idea what’s would be wrong in it

Comments are Gravatar enabled. Your email address will not be shown.

Commenting is not available in this channel entry.