Extjs 高亮显示网格上的行和单元格项目选择

是否有一种标准的方式来突出显示网格中的活动行，如在附加屏幕中

我的意思是有一个网格，带有选择类型，当点击网格中的一个项目时，它会高亮显示单元格。我想同时突出显示活动行

当网格包含大量要分析的数据时，它非常有用， 选择单元格时，需要突出显示整行（可能是COLLMN？）

---

即使您使用的是CellSelectionModel，也可以轻松地将样式/类应用于所选单元格所在的行。如果查看CellSelectionModel的事件，您将看到

cellselect

实际上返回了行索引

单元格选择：（选择此模型，编号行索引，编号索引）

因此，你可以这样做，如下所示：

// we'll say you have your Grid stored in a variable, grid
CellSelectionModel ...({
    listeners: {
        'cellselect': function(selModel, rowIndex) {
            var cellRow = grid.getView().getRow(rowIndex);
            Ext.fly(cellRow).addClass('selectedRow')
            // do any other logic with the actual DOM element here
    }
})

---

您可以使用网格的addRowCls方法将CSS类添加到特定行

---

谢谢你们的帮助。我们做到了：）以下是一个可能的解决方案：

selModel: Ext.create('Ext.selection.CellModel', {
    listeners: {
        select: function (cellModel, record, rowIndex) {
            var myGrid = this.items.get('gridItemId');
            myGrid.getView().addRowCls(rowIndex, 'row-style');
        },
        deselect: function (cellModel, record, rowIndex) {
            var myGrid = this.items.get('gridItemId');
            myGrid.getView().removeRowCls(rowIndex, 'row-style');
        },
        scope: this
    }
}),

---

我想当您选择一个单元格时，行会高亮显示？你的意思是希望单元格以不同的颜色高亮显示吗？当配置“selType:'rowmodel'”时，是的！！选中该行时，该行将亮显。。但当选择“selType:‘cellmodel’”时，单元格将高亮显示。。所以我想使用“selType:‘cellmodel’”，以同时突出显示单元格和行，可能使用不同的颜色。如果不扩展

RowModel

，并建立自定义行选择模型以实现这种类型的交互，那么这是不可能的。好的。。谢谢正在等待extjs5:）