Question

我需要将水平滚动设置为ExtJS tbar，其中包含一行中最后不可见的按钮。以下是代码。

Ext.define('myProject.view.accounts.user.UserGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.usergrid',
    minHeight: 400,
    margin: '0,5,0,5',
    title: 'User Accounts',
    region: 'center',
    cls: 'grid-with-footer',
    scroll: 'vertical',        
    bind: {
        ...
    },
    initComponent: function() {
        ...
        Ext.applyIf(me, {
            columns: [{
                ...
            }],

            features: [{
                ...
            }],

            tbar: [{ // <-- this should be horizontally scrollable.
                ...
            }],

            bbar: {
                ...
            }
        });
        this.callParent();
    }
});

（我正在使用ExtJS 4.2.1）

Answer 1

您可以将其添加为dockedItem，而不是使用tbar，这样可以提供更多配置

dockedItems: [{
        xtype: 'toolbar',
        dock: 'top',
        overflowX: 'scroll', // <---- This allows horizontal scroll
        items: [
             .....
        ]
    }]

您可以在小提琴here

中查看

（编辑：小提琴是在ExtJS 6.2而不是4.2，哎呀）

extjs 4 - 在网格面板中将水平滚动设置为tbar

1 个答案: