ExtJS - 如何居中对齐两个工具栏按钮

Question

我有一个带有底部工具栏的网格面板：

this.bbar = [
      "->",                 
      {
        text:"<font color = white><b>Save</b></font>", itemId:"save", 
      },
      "<-",
      {       
        tooltip:"Back to Home Screen", itemId:"backhome", text:"<b>&lt; back</b>"             
      }
 ];

右箭头 - ＆gt;将保存按钮一直向右移动。所以我想添加一个左箭头＆lt; - 会使两个按钮无效。两个按钮都被推到右边，左箭头可以看到所以我不认为“＆lt; - ”是有效的。

我可以采取另一种方法来使我的两个按钮居中吗？

感谢..

Answer 1

将layout配置附加到工具栏。

layout: {
    pack: 'center',
    type: 'hbox'
}

文档（http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.layout.container.Box-cfg-pack）