Question

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

Answer 1

使用以下CSS类名来更改脏单元格的某些属性：

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

这将删除脏单元格中的红色角落。这适用于ExtJs版本＆gt; = 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

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

1 个答案: