extjs gridpanel не показывает полосы прокрутки - PullRequest
Новая
       20

extjs gridpanel не показывает полосы прокрутки

4 голосов
/ 26 января 2012

Я создаю страницу, которая содержит только сеточную панель, и я хочу, чтобы у моей сетевой панели были полосы прокрутки в зависимости от размера браузера. Чтобы сделать это, я обертываю его в окне просмотра, как обсуждено здесь , и проверяю, что я указываю макет, как обсуждено здесь . Сетка отображается нормально, но я не получаю полос прокрутки. Я пробовал макеты 'fit', 'border' и 'anchor', но все же не повезло. Код выглядит так: 

Ext.create('Ext.Viewport', {
    items: [{
        region: 'center',
        layout: 'fit',
        xtype: 'gridpanel',
        store: myStore,
        loadMask: true,      
        columns: [{
            header: 'Account ID',
            dataIndex: 'acct_id',
            width: 70
        }, {
            header: 'First Name',
            dataIndex: 'first_name',
            width: 120
        }, {
            header: 'Last Name',
            dataIndex: 'last_name',
            width: 120
        }, {
            xtype: 'numbercolumn',
            header: 'Account Balance',
            dataIndex: 'acct_bal',
            width: 70,
            renderer: Ext.util.Format.usMoney
        }, {
            xtype: 'numbercolumn',
            header: 'Credit',
            dataIndex: 'credit',
            width: 70,
            renderer: Ext.util.Format.usMoney
        }, {
            xtype: 'numbercolumn',
            header: 'Debt',
            dataIndex: 'debt_bal',
            width: 70,
            renderer: Ext.util.Format.usMoney
        }],
    }]
});

1 Ответ

9 голосов
/ 26 января 2012

Вы должны установить fit макет на Viewport: 

Ext.create('Ext.Viewport', {
    layout: 'fit',
    items: [...]
});

Настройка макета в GridPanel не имеет никакого эффекта.

...