extjs - 在 extjs 中渲染表格后使用不同样式设置两个单独的网格单元格

Question

我在 ExtJS 5 中为某些单元格设置样式时遇到了麻烦。我在索引页面中有两个样式规则：

.yellow-cell .x-grid-cell{
    font-weight: bold;
    background-color: yellow;
}
.red-cell .x-grid-cell{
    color:blue;
    background-color: red;
}

在select事件中，所选单元格应使用yellow-cell规则着色。并且之前的单元格需要用其他规则着色，red-cell表格的其余部分只是默认值。

var gridTable = Ext.getCmp('gridTable');
gridTable.on("select",function(obj, record, index, eOpts){
    gridTable.getView().addItemCls(record, 'yellow-cell');
});

并在取消选择时使用removeItemCls()thenaddItemCls()添加red-cell样式。

有没有合适的方法来做到这一点？因为我的代码只是为整行着色，而我只想为选定/取消选择的单元格着色。

我真的被困在这里，任何帮助将不胜感激。

Answer 1

gridTable.getView().getCell(rec,col).addCls('yellow-cell');

您也可以尝试 console.log(record) 来找到正确的 div 名称并执行以下操作：

Ext.get('idOfcellDiv...').addClas('yellow-cell');