2015-04-29 2 views
3

команды,Фиксированные колонки флажок в ExtJS панели

Кто-нибудь известно отключения горизонтальной прокрутки на CheckBox колонке остаются фиксированными и пролистывания столбца работает должным образом.

Я попытался

 bodyStyle:'overflowY: auto', 

    autoScroll:false, 

    setAutoScroll:false, 

на конкретном checkboxSelectionModel и попытаться переопределить свойства, но это не работает.

Я использую ExtJS 4.0

Пример: http://2.bp.blogspot.com/-a7A-q_ni5v0/UrLau_s2bWI/AAAAAAAAAC8/GLKj4FJVZ5E/s1600/chkbox_grid1.PNG

видеть это изображение я говорю о CheckBox колонке, и на этой ноте я удалить эту собственность прокрутки на этой конкретной колонке.

+0

Вы имеете в виду закрепление первого столбца в сетке? – Yellen

+0

Я имею в виду не 1-й столбец, колонку модели флажка. –

ответ

0

Я думаю, что это то, что вы ищете

запирающегося: Если сетка настроена с enableLocking, или имеют столбцы, которые сконфигурированы с заблокированным значением, эта опция может быть используется для отключения пользовательская блокировка или разблокировка этого столбца. Столбец останется в стороне, в которую помещена его собственная заблокированная конфигурация .

заблокирован: Истинно, чтобы зафиксировать эту колонку на месте. Неявно разрешает блокировку в сетке. См. Также Ext.grid.Panel.enableLocking.

Ссылка Документация: Ext 5.0

И вот пример: http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/locking-grid.html

+0

Thanx для ответа Но, я говорю о конкретном столбце флажка, который является bydefault, сгенерированным ExtJs. поэтому в этой модели выбора это свойство не работает. –

+0

@KunjanShah - пожалуйста, обновите вопрос с этой деталью. Вопрос не упоминает об этом. – Yellen

+0

BTW, checkcolumn также имеет два вышеуказанных свойства конфигурации – Yellen

0

Вы можете попробовать что-то вроде этого

Ext.define("My.extension.LockedCheckBoxSelModel", { 
extend: "Ext.selection.CheckboxModel", 

getHeaderConfig: function() { 
    return { 
     isCheckerHd: true, 
     text: ' ', 
     width: 24, 
     sortable: false, 
     fixed: true, 
     hideable: false, 
     menuDisabled: true, 
     dataIndex: '', 
     locked: true,//here's the difference 
     cls: Ext.baseCSSPrefix + 'column-header-checkbox ', 
     renderer: Ext.Function.bind(this.renderer, this) 
    }; 
}}); 

И если вы будете использовать это расширение вместо умолчанию CheckboxModel , например selModel: Ext.create('My.extension.LockedCheckBoxSelModel'), первый столбец с флажком должен быть заблокирован. Но вы, возможно, придется включить сетки блокировки, так указать enableLocking GRID в: истинное свойство, или установить запертую: истинный на некоторых из сетки колонн в

+0

После поиска в google я проверил, что «заблокирован: истина», и работал над версией ExtJs 4.1.1 или выше, но я использую ExtJs 4.1.0, так что любое другое решение? –

0

Добавить enableLocking: истинное в конфигурации сетке в. Он заблокирует модель выбора и включит опцию блокировки/разблокировки для каждого столбца

Смежные вопросы