ExtJS Grid组件initComponent内Checkbox SelectionModel绑定失效问题排查

在你的场景里，核心问题出在手动实例化CheckboxModel后直接赋值给selModel的方式上，ExtJS组件的初始化流程依赖配置对象来完成绑定逻辑，提前实例化会跳过关键步骤导致效果不符合预期。下面具体拆解问题和修复方案：

1. 错误的selModel赋值逻辑 #

你在initComponent里的写法是：

this.selModel = Ext.create('Ext.selection.CheckboxModel', {
    mode: 'MULTI'
});

这种直接创建实例赋值的方式会绕过ExtJS的组件初始化机制——框架需要通过配置对象而非实例，来完成selModel与Grid的关联、事件注册、列注入等关键操作，手动实例化会导致这些逻辑缺失，最终复选框列无法正常渲染。

2. 正确的实现方式 #

应该将selModel定义为配置对象，让框架自动处理实例化和绑定流程：

initComponent: function() {
    this.selModel = {
        selType: 'checkboxmodel',
        mode: 'MULTI'
    };
    // 其他Grid配置（columns、store等）
    this.callParent(arguments);
}

这样框架会在初始化过程中自动创建CheckboxModel实例，并完成与Grid的关联，复选框列会正常出现在表头左侧。

其他可能的排查点 #

如果修改后仍然无效，可以检查以下细节：

• 是否遗漏调用this.callParent(arguments);：这是ExtJS组件初始化的核心步骤，父类的initComponent会处理包括selModel在内的所有配置项，漏写会导致整个Grid初始化不完整。
• 是否设置了injectCheckbox: false：如果手动关闭了自动注入复选框列，需要在columns配置中手动添加xtype: 'checkcolumn'的列。
• Grid的view配置是否覆盖了selModel：比如view的selModel配置被重新定义，导致你的设置被覆盖。

内容的提问来源于stack exchange，提问作者surendar