Grouped grid: 'gridRenderer' is null or not an object

[njw]

Hi Guys,

I've setup a grouped grid, as per the demo example at http://www.extjs.com/deploy/dev/exam.../grouping.html. However, when my store is loaded, I receive the following error:

'groupRenderer' is null or not an object (ln: 33764 ext-all.debug.js)

I cant find a reference in the docs for groupRenderer, and a web-wide search was fruitless. Anyone had experience with this? My code is exactly the same as the sample, except I'm using a store loaded with a Json reader (see below).

var data = new Ext.data.GroupingStore({
                
                remoteSort: false,
                groupField: 'TypeName',
                sortInfo: { field: 'Name', direction: 'ASC' },
                
                proxy: new Ext.data.HttpProxy({
                    url: '/data.aspx'
                }),

                reader: new Ext.data.JsonReader({
                    root: 'items',
                    totalProperty: 'totalCount',
                    idProperty: 'itemId',
                    fields: [
                        { name: 'itemId', type: 'int' },
                        'Name',
                        'TypeName'
                    ]                
                
                })
                                
            });

The Json store seems to load fine, but the error happens on drawing the grid's contents.

Any ideas?

[ziktar]

I don't know if you figured this out, but to help others who hit this, the solution is that the field marked as the groupField in the Ext.data.GroupingStore must also be in the columns definition of the Ext.grid.GridPanel.

[sharkcap]

I was pulling my hair out forever trying to figure out the same error. Thanks so much for posting the solution