change background color of GridPanel row from a specified value

[pryakumar]

Could any one help me .

change background color of GridPanel row from a specified value

could any one help me what code should need to include on this ?


Following code is here.
Ext.onReady(function() {

var myReader = new Ext.data.ArrayReader({}, [
{name: 'Agency'},
{name: 'Address1'},
{name: 'Address2'},
{name: 'City'},
{name: 'State'},
{name: 'Zip'},
{name: 'URL'},
{name: 'Phone'},
{name: 'Fax'},
{name: 'Origin'},
{name: 'Status'},
{name: 'ClassName'},
{name: 'Carded'},
{name: 'Assigned'},
{name: 'LastAct'},
{name: 'LastCall'},
{name: 'DeleteFlag'}
]);

var grid = new Ext.grid.GridPanel({
store: new Ext.data.Store({
data: myData,
reader: myReader
}),
columns: [
{header: 'Agency', width: 150, sortable: true, dataIndex: 'Agency'},
{header: 'Address1', width: 150, sortable: true, dataIndex: 'Address1'},
{header: 'Address2', width: 150, sortable: true, dataIndex: 'Address2'},
{header: 'City', width: 100, sortable: true, dataIndex: 'City'},
{header: 'State', width: 50, sortable: true, dataIndex: 'State'},
{header: 'Zip', width: 100, sortable: true, dataIndex: 'Zip'},
{header: 'URL', width: 150, sortable: true, dataIndex: 'URL'},
{header: 'Phone', width: 100, sortable: true, dataIndex: 'Phone'},
{header: 'Fax', width: 100, sortable: true, dataIndex: 'Fax'},
{header: 'Origin', width: 50, sortable: true, dataIndex: 'Origin'},
{header: 'Status', width: 50, sortable: true, dataIndex: 'Status'},
{header: 'Class', width: 50, sortable: true, dataIndex: 'ClassName'},
{header: 'Carded', width: 100, sortable: true, dataIndex: 'Carded'},
{header: 'Assigned', width: 100, sortable: true, dataIndex: 'Assigned'},
{header: 'Last Act', width: 100, sortable: true, dataIndex: 'LastAct'},
{header: 'DeleteFlag', width: 100, sortable: true, renderer: change, dataIndex: 'DeleteFlag'}

],
viewConfig: {
forceFit: false
},
renderTo: 'content',
width:836,
height:353,
frame: true,
stripeRows: true
});

[mjlecomte]

Did you try the FAQ?