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

我需要将水平滚动设置为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();
    }
});

Ext.define（'myProject.view.accounts.user.UserGrid'{
扩展：“Ext.grid.Panel”，
别名：“widget.usergrid”，
身高：400，
边距：“0,5,0,5”，
标题：“用户帐户”，
地区：'中心'，
cls:'带页脚的网格'，
滚动：‘垂直’，
绑定：{
...
},
initComponent:function（）{
...
Ext.applyIf（我{
栏目：[{
...
}],
特点：[{
...
}],
tbar:[{/您可以将其添加为dockedItem，而不是使用tbar，这允许进行更多配置

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

dockditems：[{
xtype:'工具栏'，
码头：“顶部”，
overflowX:'scroll'，//您可以将其添加为dockedItem，从而允许进行更多配置，而不是使用tbar

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

dockditems：[{
xtype:'工具栏'，
码头：“顶部”，
overflowX:'滚动'，//请为解决您的问题提供一些帮助]请为解决您的问题提供一些帮助]