How to change background color of grid's dirty cells in Extjs -

How to change background color of grid's dirty cells in Extjs -

i want alter style (background color... etc) of dirty cells in grid. how apply style impact dirt cells of grid ?

use next css class name changing of property of dirty cells :

.x-grid3-dirty-cell { background-image:none; }

this remove reddish corner dirty cells.this applicable extjs version>=3

if want alter background color of cell, have utilize x-grid3-cell-inner can utilize columnrenderer, can write logic. cell edited, columnrenderer called, , there can check if value changed, alter color using

function columnrenderer(value, meta,records,rowindex,colindex,store,view){ var column = view.getheaderatindex(colindex); var dataindex = column.dataindex; records.modified[dataindex]; //will give original value value; //gives changed value if(//both not same) homecoming '<div class="x-grid3-cell" style="background-color:red;"><span >(' + value + ')</span></div>'; else //do nil }

for more info on gridcellrenderer see extjs grid faq

extjs grid styling cells