Row is undefined error in Gridpanel

Hello,

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

Code:

---

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?

where is the exception?

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?

And you are sure that you are adding valid HTML?

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

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