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

Posted 2023-02-26

【中文标题】ExtJS--如何居中对齐两个工具栏按钮

【英文标题】：ExtJS--How to center align two toolbar buttons

【发布时间】：2015-03-12 22:11:33

【问题描述】：

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

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

右箭头 -> 将保存按钮一直向右移动。所以我想添加一个左箭头

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

谢谢..

【参考方案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)