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

如何删除extjs 4 checkboxmodel中的“全选”选项

---

关于

当您创建

复选框模型

时，请尝试在其配置中指定

injectCheckbox:false

：

指示SelectionModel是否自动插入复选框标题。（注意：通过不手动放置复选框，网格视图需要在初始渲染时渲染2倍。）支持的值为数字索引、false和字符串“first”和“last”

---

我使用纯CSS成功地隐藏了它：

代码：

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

在checkboxselectionModel中定义{Header:false}

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

---

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

listeners: {

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

---

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

根据API，“header”属性的类型是String。也就是说，正确的值是“”。它在ExtJS3.4上对我起了作用

this.queueSelModel = new Ext.grid.CheckboxSelectionModel({ singleSelect : true, // or false, how you like header : '' }); this.queueSelModel=new Ext.grid.CheckboxSelectionModel({ singleSelect:true、//或false，根据您的喜好 标题：“” }); 定义网格时（在4.2.1中），将此配置选项设置为：

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

---

（相关部分为

showHeaderCheckbox:false

）

在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()
                };

            },

---

我在ExtJS4.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;
}

---

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

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

My_Panel_With_a_Grid_With_Header_CheckBox=Ext.extend（Ext.Panel，{…）。。。。 cls:“innerpanel hiddeGridCheckBoxOnSingleSelect”， ..}

在我的CCS文件中：

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

---

}

谢谢你的回复，尝试了一下，它隐藏了所有的复选框。我会在API中做更多的探索，看看能找到什么。这就是我记得在Ext JS 3中所做的。这可以通过向网格中添加cls并使用类似.grid01.x-column-header-checkbox{display:none；}的css来防止因此，它将仅适用于具有grid01 css类的网格，这是extJS中另一个未记录的功能。谢谢！为了公平起见，我刚刚查找了文档的最新版本，它在那里，但不适用于我们使用的版本。您能详细说明在哪里使用它吗？使用一个小示例checkboxmodel@Freakyuser当定义一个g在4.2.1中，将此配置选项设置为：

selModel:Ext.create（'Ext.selection.CheckboxModel'，{showHeaderCheckbox:false}）