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

Question

如何删除check all选项是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。 From the API：

  

指示SelectionModel是否自动注入复选框标题。 （注意：如果不手动设置复选框，则网格视图需要在初始渲染时渲染2次。）支持的值是Number索引，false，字符串'first'和'last'。

Answer 4

根据API，“header”属性的类型是String。说，正确的值是''。它在ExtJS 3.4上为我工作

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

Answer 5

使用jquery

进入网格面板后发现事件

listeners: {

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

Answer 6

header：false in config或者注入CheckBox Header = 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监听器中使用了以下代码：

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：'innerpanel hiddeGridCheckBoxOnSingleSelect'， ....}

在我的CCS文件中：

.hiddeGridCheckBoxOnSingleSelect .x-grid3-hd-checker {     visibility：hidden的 }

Answer 10

在checkboxselectionModel中定义{Header：false}

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