javascript - 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>"             
      }
 ];

右箭头 -> 将保存按钮一直向右移动。所以我想添加一个左箭头 <- 会使两个不起作用的按钮居中。两个按钮都向右推，可以看到向左的箭头，所以我认为“<-”无效。

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

谢谢..

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 )