css - Change Background Row Color when Press a Button -

i want change default background color of grid row after had been selected , when press button. i'm using sencha extjs 4.2.

anyone me please?

thank in advance

task can solved using column renderer: http://jsfiddle.net/blgsa/10/

var button = ext.create('ext.button.button', {     text: 'btn',     listeners: {         click: function() {             var sm = grid.getselectionmodel();             if (sm.hasselection()) {                 var rec = sm.getselection()[0];                 if (rec.get("color") == "black")                    rec.set("color", "red");                 else                   rec.set("color", "black");             }         }     } });  var renderer = function(value, metadata, record) {     metadata.style = 'color:'+record.get("color");     return value; }  var grid = ext.create('ext.grid.panel', {     height: 300,     width: 400,     title: 'hello',     columns: [         {text: 'c1', dataindex: 'id', renderer: renderer},         {text: 'c2', dataindex: 'label', renderer: renderer}     ],     store: ext.create('ext.data.store', {         fields: ['id', 'label', 'color'],         data: [             {id: 0, label: 'a', color: 'black'},              {id: 1, label: 'b', color: 'red'}         ]     }) });  grid.render(ext.getbody()); button.render(ext.getbody());