如何更改Extjs中网格脏单元格的背景颜色

Question

我想更改网格中脏单元格的样式（背景色...等）。如何应用只会影响网格污垢单元格的样式？

Answer 1

改变脏细胞的特性的一些使用以下CSS类名：

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

这将从脏cells.This去除红色角落适用ExtJS的版本> = 3

如果要更改单元格的背景颜色，则必须使用x-grid3-cell-inner ，您可以使用columnRenderer，您可以在其中编写逻辑。由于细胞被编辑，columnrenderer将被调用，在那里你可以检查是否值被改变，使用

function columnrenderer(value, meta,records,rowIndex,colIndex,store,view){ 
    var column = view.getHeaderAtIndex(colIndex); 
    var dataIndex = column.dataIndex; 
    records.modified[dataIndex]; //Will give the original value 
    value; //gives the changed value 
    if(//both are not same) 
     return '<div class="x-grid3-cell" style="background-color:red;"><span >(' + value + ')</span></div>'; 
    else 
     //do nothing 
} 

有关GridCellRenderer更多信息更改颜色看ExtJs Grid FAQ