extjs - 如何更改 toolbat Ext JS 的对齐方式

Question

我有一个带有一些按钮的工具栏。我希望工具栏中的按钮向右对齐。我怎样才能做到这一点 ？这是代码

items: [{
    xtype: 'toolbar',
    dock: 'top',
    buttonAlign: 'right', // This one does not wrok
    align: 'right', // This one does neither
    items: [{
        text: 'Foo1'
    }, {
        text: 'Foo2'
    }, {
        text: 'Foo3'
   }]
}, {
   // Some other items
}]

Answer 1

Ext.toolbar.Fill在其他按钮之前添加一个：

items: [
    { xtype: 'tbfill' }, 
    { text: 'Foo1' }, 
    { text: 'Foo2' }, 
    { text: 'Foo3' }
]

一个快捷方式是使用'->'：

items: [
    '->', 
    { text: 'Foo1' }, 
    { text: 'Foo2' }, 
    { text: 'Foo3' }
]