Как убрать опцию checkall в extjs checkboxmodel?

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

Согласно API, типом свойства header является String. Сказал, что правильное значение «». У меня это сработало на ExtJS 3.4

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

Answer 4

Когда вы создаете checkboxmodel, попробуйте указать injectCheckbox: false в его конфигурации. Из API :

Указывает SelectionModel, вставлять или нет заголовок флажка автоматически или нет. (Примечание: не устанавливая флажок вручную, представление сетки необходимо будет визуализировать 2 раза при первоначальном рендеринге.) Поддерживаемые значения: индекс числа, false и строки 'first' и 'last'.

Answer 5

Спасибо за все хорошие советы здесь. Для 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 { видимость: скрытый }

Answer 6

Я столкнулся с этой проблемой в версии 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 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

heder: false в конфигурации или injectCheckBoxHeader = false скрыть весь столбец.Решение CSS основано на классах, поэтому любой другой виджет, использующий ту же модель выбора, также будет скрывать всю проверку.

Answer 9

Событие после рендеринга внутри сетки, используя jquery

listeners: {

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

Answer 10

Определить {Header: false} в checkboxselectionModel

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