ExtJS 4.2单元格编辑时树状高亮选中的行。

Question

我有一个4列的树形面板。

var cellEditing = Ext.create('Ext.grid.plugin.CellEditing',{
    pluginId : 'cellEditing',
    clicksToEdit: 1
});
var tree = new Ext.tree.Panel({
    store:treestore,
    plugins : [
        cellEditing
    ],
    selModel:{
        selType:'cellmode'
    },
    defaults:{
        tdCls:'greyColumn'
    },
    columns:[
        somecolumns
    ]
});

在我的css中，我有这样的样式：

.x-grid-row .greyColumn {
    background-color:#f2f2f2;
}

我试图在selModel定义中添加这段代码。

listeners: {
    select: function (cellModel, record, rowIndex) {
        cellModel.view.addRowCls(rowIndex, 'style');
    },
    deselect: function (cellModel, record, rowIndex) {
        cellModel.view.removeRowCls(rowIndex, 'style');
    },
    scope: this
}

而在我的css中，"样式 "定义。

.x-grid-row.style .x-grid-cell {
    background-color: #edbcb4 !important;
}

当树加载时，我看到背景为灰色的列，但当我选择一个单元格进行编辑时，它一会儿变成红色，一会儿又回到灰色，我不知道如何解决或避免它。我希望我编辑的单元格的行是红色的，而不是回到灰色。

Answer 1

在你的celledit组件的风格行中使用edit和beforeedit事件。

小提琴