show a gird row selected depending upon coditions

[akshar_jamgaonkar]

Hello All,

I have a grid panel with

selModel : Ext.create('Ext.selection.RowModel', {
mode : 'SINGLE'
})


this grid panel is inside a formpanel, what i want is when it loads i show a specific row as selected. With every column of gridpanel associated with Renderer.


I have tried many things like

me.gridPanel.getSelectionModel().select(me.store.findRecord('id',1) )

me.gridPanel.getSelectionModel().select(me.store.findRecord('id',1) .data)


but iam unable to do this.


Kindly let me know what mistake iam i doing...



Thanks in advance.

[scottmartin]

Select is looking for an index, not a record return by findRecord

Try the following:



Ext.create('Ext.data.Store', {
storeId : 'simpsonsStore',
fields : ['name', 'email', 'change'],
data : {'items' : [
{ 'name' : 'Lisa', 'email' : 'lisa@simpsons.com', 'change' : 100 },
{ 'name' : 'Bart', 'email' : 'bart@simpsons.com', 'change' : -20 },
{ 'name' : 'Homer', 'email' : 'home@simpsons.com', 'change' : 23 },
{ 'name' : 'Marge', 'email' : 'marge@simpsons.com', 'change' : -11 }
]},
proxy : {
type : 'memory',
reader : {
type : 'json',
root : 'items'
}
}
});

var grid = Ext.create('Ext.grid.Panel', {
title : 'Simpsons',
store : Ext.data.StoreManager.lookup('simpsonsStore'),
columns : [
{ header : 'Name', dataIndex : 'name' },
{ header : 'Email', dataIndex : 'email', flex : 1 },
{ header : 'Change', dataIndex : 'change' }
],
height : 200,
width : 400,
renderTo : Ext.getBody()
});

var index = grid.store.find('name','Bart');
grid.getSelectionModel().select(index);
​

Scott.