复选框选择模型 - 检查列 header 文本

Question

我有一个在网格面板上使用的复选框 selection 模型。我已经像这样配置了 CheckboxModel：

Ext.create('Ext.selection.CheckboxModel', {
    mode: 'Single',
    checkOnly: true,
    showHeaderCheckbox: false
});

此配置允许用户select 仅来自网格面板的一条记录。我删除了 header 中的复选框，因为我希望用户必须明确选中记录行中的复选框。现在我在该列中只有一个空白 header....有什么方法可以向该 header 列添加文本吗？据我所知，我唯一的选择似乎是将复选框保留在 header 中，或者将其删除并保留一个空白列 header...是否正确？

Answer 1

您可以覆盖 CheckboxModel 的 getHeaderConfig 方法，例如：

Ext.define('Fiddle.override.selection.CheckboxModel', {
    override: 'Ext.selection.CheckboxModel',

    getHeaderConfig: function() {
        return Ext.apply(this.callParent(arguments), {
            width: 100,
            header: 'Select'
        });
    },

});

工作示例：https://fiddle.sencha.com/#fiddle/1b3g

复选框选择模型 - 检查列 header 文本

Checkbox selection model - check column header text

javascript

extjs

extjs4

extjs4.1

extjs4.2