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

Posted

技术标签:

【中文标题】复选框选择模型 - 检查列标题文本【英文标题】:Checkbox selection model - check column header text 【发布时间】:2016-05-26 19:32:52 【问题描述】:

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

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

此配置允许用户从网格面板中仅选择一条记录。我已经删除了标题中的复选框,因为我希望用户必须明确地选中记录行中的框。现在我在该列中只有一个空白标题....有没有办法向该标题列添加文本?据我所知,似乎我唯一的选择是将复选框留在标题中或将其删除并有一个空白的列标题......这是正确的吗?

【问题讨论】:

【参考方案1】:

您可以覆盖CheckboxModelgetHeaderConfig 方法,例如:

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

【讨论】:

以上是关于复选框选择模型 - 检查列标题文本的主要内容,如果未能解决你的问题,请参考以下文章

当前页面的 JQuery DataTables 列复选框

Ext JS 网格面板复选框被取消选中

:blank 选择器不适用于复选框 jQuery Validate()

在 ExpandableListView 上滚动时选择复选框重复

您如何使复选框单元格中的文本能够被编辑?

选择带有数据表的多个复选框