ExtJS 3 заблокирован: правда не работает - PullRequest
Новая
       40

ExtJS 3 заблокирован: правда не работает

0 голосов
/ 16 мая 2018

Я пытаюсь заблокировать первый столбец при прокрутке.locked: true и enableautoLocking: true не работали.

Фрагмент кода: 

var fieldColumn = {
    header: 'Field Name',
    css: 'background-color:#eee;cursor:auto;',
    sortable: false,
    dataIndex: 'fieldName',
    locked: true,
    autoSizeColumn: true,
    width: 140
};

this.columns.push(fieldColumn);

Ext.apply(this, {
    cls: 'fieldgrid',
    layout: 'table',
    store: this.fieldStore,
    autoScroll: true,
    loadMask: CNQR.admin.loadMask,
    plugins: headerCategoryGroup,
    colModel: new Ext.grid.ColumnModel({
        defaults: {
            sortable: false
        },
        columns: this.columns
    }),
    selModel: selectModel,
    tbar: new Ext.Toolbar({
        ctCls: 'grayButtonToolBar  border-toolbar',
        buttons: [
            this.saveButton, this.cancelButton
        ]
    }),
    bbar: new Ext.PagingToolbar({
        store: this.fieldStore,
        pageSize: this.pageSize,
        displayInfo: true,
        beforePageText: CNQR.getMsg('bbarBeforePageText'),
        afterPageText: CNQR.getMsg('bbarAfterPageText'),
        displayMsg: CNQR.getMsg('bbarDisplayMsg'),
        emptyMsg: CNQR.getMsg('bbarNoRecordsFound')
    })
});
CNQR.admin.superclass.initComponent.apply(this, arguments);

1 Ответ

0 голосов
/ 17 мая 2018

Более подробный ответ здесь попробуйте 

    var fieldColumn = {
    header: 'Field Name',
    css: 'background-color:#eee;cursor:auto;',
    sortable: false,
    dataIndex: 'fieldName',
    locked: true,
    autoSizeColumn: true,
    width: 140
};

this.columns.push(fieldColumn);

Ext.apply(this, {
    cls: 'fieldgrid',
    layout: 'table',
    store: this.fieldStore,
    autoScroll: true,
    loadMask: CNQR.admin.loadMask,
    plugins: headerCategoryGroup,
    view: new Ext.ux.grid.LockingGridView(),
    colModel: new Ext.ux.grid.LockingColumnModel({
        defaults: {
            sortable: false
        },
        columns: this.columns
    }),
    selModel: selectModel,
    tbar: new Ext.Toolbar({
        ctCls: 'grayButtonToolBar  border-toolbar',
        buttons: [
            this.saveButton, this.cancelButton
        ]
    }),
    bbar: new Ext.PagingToolbar({
        store: this.fieldStore,
        pageSize: this.pageSize,
        displayInfo: true,
        beforePageText: CNQR.getMsg('bbarBeforePageText'),
        afterPageText: CNQR.getMsg('bbarAfterPageText'),
        displayMsg: CNQR.getMsg('bbarDisplayMsg'),
        emptyMsg: CNQR.getMsg('bbarNoRecordsFound')
    })
});
CNQR.admin.superclass.initComponent.apply(this, arguments);
...