如何将Extjs.grid.CheckColumn设置为禁用以进行只读？

Question

我有一个带检查列的网格和检查列读取我的数据，但我无法设置它，我想知道如何设置它的方法很简单。 我希望我的检查列只能在我的网格数据中查看如何设置它？ 下面是我的示例代码：

var chkColH = new Ext.grid.CheckColumn({
    header: ' H',
    dataIndex: 'testing',
    resizable:false,
    disabled :true, //***I wan to disabled this check column in my grid for view only
    width: 25
});

colModel=new Ext.grid.ColumnModel([
    chkColH
]);


        xtype:'editorgrid',
        id:'theGrid',
        stripeRows:true,
        store:gridStore,
        colModel:colModel,
        trackMouseOver:false,
        columnLines:true,
        enableColumnMove:false,
        enableHdMenu:false,
        frame:true,
        disableSelection:true,
        plugins: [chkColH],
        sm:chkSM

Answer 1

var chkColH = new Ext.grid.CheckColumn({ header: 'Rerun', dataIndex: 'rerun', resizable:false, width: 25, disabled : true, disabledCls : 'x-item-enabled' });

Answer 2

将此添加到您的代码库并使用'readonlycheckcolumn'xtype而不是'checkcolumn'（使用Ext 4.2测试）：

Ext.define('Ext.grid.column.ReadOnlyCheckColumn', {
    extend: 'Ext.grid.column.CheckColumn',
    alias: 'widget.readonlycheckcolumn',
    requires: ['Ext.grid.column.CheckColumn'],
    listeners: { beforecheckchange: function () { return false; } }
});

Answer 3

您可以覆盖 onMouseDown ，在 CheckColumn 中不执行任何操作：

var chkColH = new Ext.grid.CheckColumn({
    header: ' H',
    dataIndex: 'testing',
    resizable:false,
    width: 25,
    onMouseDown : function(e, t){}
});

Answer 4

在checkcolumn配置中

添加此事件：

processEvent: function () { return false; }