Row is undefined error in Gridpanel

[hirendave]

Hello,

I am using ExtJs grid panel in my html pages. Following is the config and viewConifg of grid.

store : pageStore,
                renderTo: 'app_page_content',
                height : 350,            
                sm: new Ext.grid.RowSelectionModel({singleSelect:true}),                            
                loadMask :true,
                viewConfig: {
                        autoFill :true,
                        enableRowBody:true,
                        showPreview:true,                        
                        getRowClass: function(record, rowIndex, p, store){
                                    if(this.showPreview){
                                        p.body='<div class="row-preview " style="margin-left: 10px;">'+record.data.action+'</div>';
                                        return 'x-grid3-row-expanded';
                                    }
                                    return 'x-grid3-row-collapsed';
                        }
                }

Its getting rendered to div. I can select only first row. When I click on other rows it gives me error that Row is undefined. Any idea why this error is coming up?

[jay@moduscreate.com]

where is the exception?

[hirendave]

In firebug it gives me error at following point.

resolveCell : function(row, col, hscroll){
if(!Ext.isNumber(row)){
row = row.rowIndex;
}

In ext-all-debug.js file. I guess this error is due to row preview. I am adding some HTML controls in row preview. Mostly some anchor tags and divs. When I remove row preview it works fine. Any idea?

[Condor]

And you are sure that you are adding valid HTML?

[hirendave]

Yes I guess HTML is valid but I will check it again. Does it effect in row selection of grid?

[hirendave]

Yes you are right condor. HTML creates problem. Thanks for pointing me right direction.