Question

我有一个可编辑的网格。编辑列时，我会显示脏标志并更改单元格背景颜色。为此，我更新了CSS类：

.x-grid-dirty-cell {
    background-image: url(../images/grid/dirty.gif) no-repeat 0 0 !important;
    background-color:#ffff4d !important;
}

这很好用。但是，当我更改整行的背景颜色时，脏标志不再显示：

,viewConfig: {
    getRowClass: function(record_){
      if(record_.COPIED){
        return "row-highlight";
      } 
    }
  }

CSS：

.row-highlight .x-grid-cell{
    background-color:#ffff4d !important;        
}

那么我需要将哪些属性添加到行突出显示类中，以便脏标志不被隐藏？

感谢

Answer 1

一些事情

1 - background-image: url(../images/grid/dirty.gif) no-repeat 0 0 !important;不是有效的语法，您将其与background属性混淆。

2 - 不要向.row-highlight .x-grid-cell添加！important这将使限制较少的选择器无法替换单元格背景颜色。

你的CSS应该是

.row-highlight .x-grid-cell {
    background-color: #ffff4d;
}
.x-grid-dirty-cell {
    background: url(../images/grid/dirty.gif) no-repeat left center !important;
}

检查这个小提琴：https://fiddle.sencha.com/#fiddle/1251 编辑名称“Bart”以查看脏标志CSS

ExtJS - 细胞背景颜色隐藏脏标志

1 个答案: