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()然后使用addItemCls()添加red-cell样式。

有机会有正确的方法吗？因为我的代码只为整行着色，我想只为选定/取消选择的单元格着色。

我真的被困在这里，任何帮助都将受到高度赞赏。

Answer 1

gridTable.getView（）getCell（REC，列）.addCls（ '黄 - 细胞'）;

您也可以尝试使用console.log（记录）查找正确的div名称并执行以下操作：

Ext.get（ 'idOfcellDiv ...'）addClas（ '黄 - 细胞'）;

在extjs中渲染表后，为两个单独的网格单元设置样式

1 个答案: