extjs gridpanel没有显示滚动条

时间:2012-01-26 18:58:26

标签: extjs grid scroll extjs4

我正在创建一个只包含gridpanel的页面,我希望我的gridpanel具有基于浏览器大小的滚动条。为此,我按照here讨论的方式将其包装在视口中,并确保按照here的说明指定布局。网格呈现正常,但我没有得到任何滚动条。我试过'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 个答案:

答案 0 :(得分:9)

您应该将fit布局设置为Viewport

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

GridPanel中设置布局无效。