如何根据复选框状态extJs 6禁用网格上的单元格

Posted 2021-04-05

我需要根据复选框状态更改禁用某些单元格。我在复选框列上添加了一个监听器：

listeners: {
    checkchange: function( me , rowIndex , checked , record , e , eOpts) {
        var row = me.getView().getRow(rowIndex);
        var columnIndex = Ext.getCmp('MyColumnIdToDisable').fullColumnIndex;
        Ext.get(row.childNodes[columnIndex]).setDisabled=!checked;
    }        
}

但是会显示以下错误：

未捕获的TypeError：Ext.get（...）。setDisabled不是函数

答案

你可以使用this.disabledCls我已经有一个例子可能与你需要的相同。它禁用特定的单元格。

https://fiddle.sencha.com/#view/editor&fiddle/1lvm

onCheckcolumnCheckChange: function (checkcolumn, rowIndex, checked, record, eOpts) {
    // we need to get a grids view
    var view = Ext.first('#MySpecialGridId').getView();
    var cell = view.getCell(rowIndex,1);

    if (checked) {
        // add disabled cls -> disabled
        cell.addCls(this.disabledCls);
    }else{
        // remove the disabled cls -> enabled
        cell.removeCls(this.disabledCls)
    }
}