Sencha ExtJS 网格复选框模型单模式取消选择

Question

我想知道是否可以使用此 selModel 配置取消选择 ExtJS 6 网格中的选定行：

selModel: Ext.create('Ext.selection.CheckboxModel', {
            mode: 'SINGLE',
            checkOnly: 'true',
            allowDeselect: true,                              
 }),

我有以下 fiddle 显示了我当前面临的行为：https://fiddle.sencha.com/#fiddle/1h4l

看起来取消选择一行的唯一方法是选择另一行，这不是我需要的。

Answer 1

selModel: Ext.create('Ext.selection.CheckboxModel', {
        checkOnly: 'true',
        allowDeselect: true,                              
 }),

如果您删除模式：'SINGLE' 则它可以正常工作。

如果您想一次 select 一行，那么您应该检查 "beforeselect" 事件是否有任何其他行被 select 编辑。

您可以通过以下方式获取选中的数量：

var selectedRows = getSelectionModel().getSelection();

Answer 2

不要直接创建选择模型；请改用 xtype。将 selModel 更改为此在您的 fiddle:

中按预期工作

selModel: { 
  selType: 'checkboxmodel',
  mode: 'SINGLE',
  checkOnly: 'true',
  allowDeselect: true               
},

Sencha ExtJS 网格复选框模型单模式取消选择

Sencha ExtJS grid checkbox model single mode deselect

javascript

checkbox

extjs

extjs6

extjs6-classic