extjs4 - ExtJs 4 网格选择模型

Question

我正在为我的网格使用 CheckboxModel。如何通过鼠标单击行（而不是复选框）禁用检查选定行。换句话说，如何通过单击行并单击复选框来分隔选择行？我知道 CheckboxModel 中的 checkOnly，但如果我启用它，我无法通过鼠标单击行来选择行

Answer 1

似乎您走错了方向，如果您想分开行选择和复选框选择，则不要使用 CheckboxSelection 而是使用 RowSelection 和其渲染器将是复选框的列，因此复选框选择不会干扰行选择

要添加带有复选框的列，您需要使用 Ext.ux.CheckColumn 列并将其包含在列列表中，与该检查列关联的 dataIndex 应该是一个布尔值，它将存储该列的选中/未选中状态

var grid = Ext.create('Ext.grid.Panel', {
    columns: [{
        xtype: 'checkcolumn',
        header: 'Header',
        dataIndex: 'field'
    }]
});

并确保Ext.ux包含该库

参考：

1. https://stackoverflow.com/a/2431312/1237812
2. http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.html
3. http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.js
4. http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.CheckColumn