如何删除 extjs checkboxmodel 中的 checkall 选项？

Question

如何删除检查所有选项是 extjs 4 checkboxmodel？

问候

Answer 1

定义网格时（在 4.2.1 中），将此配置选项设置为：（

selModel: Ext.create('Ext.selection.CheckboxModel', { showHeaderCheckbox: false }),

相关部分为 showHeaderCheckbox :false）

Answer 2

我已经设法使用纯 CSS 隐藏它：

代码：

.x-column-header-checkbox {display:none;}  

Answer 3

创建 checkboxmodel 时，尝试在其配置中指定 injectCheckbox: false。 来自 API：

指示 SelectionModel 是否自动注入复选框标头。 （注意：如果不手动放置该复选框，网格视图将需要在初始渲染时渲染 2 倍。）支持的值包括数字索引、 false 以及字符串“first”和“last”。

Answer 4

使用 jquery 内部网格面板 afterrender 事件

listeners: {

        afterrender: function (grid) {
           $('.x-column-header-checkbox').css('display','none');
        }
    }

Answer 5

根据API，“header”属性的类型是String。也就是说，正确的值为''。它在 ExtJS 3.4 上对我有用

this.queueSelModel = new Ext.grid.CheckboxSelectionModel({
            singleSelect : true, // or false, how you like
            header : ''
        });

Answer 6

配置中的 heder:false 或jectCheckBoxHeader = false 隐藏整个列。 CSS 解决方案是基于类的，因此使用相同选择模型的任何其他小部件也会隐藏整个检查。

Answer 7

在 ExtJS 4 中，可以提供如下标头配置，以在标头中显示空白或自定义文本。

getHeaderConfig: function() {
                var me = this;
                showCheck = false;
                return {
                    isCheckerHd: showCheck,
                    text : ' ',
                    width: me.headerWidth,
                    sortable: false,
                    draggable: false,
                    resizable: false,
                    hideable: false,
                    menuDisabled: true,
                    dataIndex: '',
                    cls: showCheck ? Ext.baseCSSPrefix + 'column-header-checkbox ' : '',
                    renderer: Ext.Function.bind(me.renderer, me),

                    //me.renderEmpty : renders a blank header over a check box column
                    editRenderer: me.editRenderer || me.renderEmpty,
                    locked: me.hasLockedHeader()
                };

            },

Answer 8

我在 ExtJS 4.0.7 版本中遇到了这个问题。
首先，我删除了复选框布局：

.rn-grid-without-selectall .x-column-header-checkbox .x-column-header-text
{
    display: none !important;
}

然后我在网格的渲染后侦听器中使用了以下代码：

afterrender: function (grid) {
    this.columns[0].isCheckerHd = false;
}

这不是一个好的解决方案，但可以用作起点。

Answer 9

感谢这里所有的好提示。
对于 Sencha 3.4，这是我最终使用的极其简单的纯 CSS，

My_Panel_With_a_Grid_Without_Header_CheckBox = Ext.extend(Ext.Panel, {....
cls: '内面板 hiddeGridCheckBoxOnSingleSelect',
....}

在我的 CCS 文件中：

.hiddeGridCheckBoxOnSingleSelect .x-grid3-hd-checker {
可见性：隐藏
}

Answer 10

在 checkboxselectionModel 中定义 {Header: false}

this.queueSelModel = new Ext.grid.CheckboxSelectionModel({
            singleSelect : false,
            header : false
        });