如何更改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