對齊一個孩子離開和第二向右ExtJS的

Question

我有橫向盒和2個工具欄裏面......我需要先對準左，第二向右即使第一隱藏

{ 
        layout: 'hbox', 
        items: [ 
         { 
          xtype : 'toolbar', 
          itemId: 'searchToolbar', 
          items : [ 
           ... 
          ] 
         }, 
         { 
          xtype: 'toolbar', 
          items: [ 
           ... 
          ] 
         } 
        ] 
       }, 

Answer 1

嘗試this..this是相當多按按我的理解您的要求。

Ext.define('My.test.Viewport', { 
extend: 'Ext.container.Viewport', 

requires: [ 
    'Ext.layout.container.Border', 
    'Ext.layout.container.HBox', 
    'Ext.toolbar.Toolbar', 
    'Ext.toolbar.TextItem', 
    'Ext.toolbar.Fill' 
], 
autoScroll: true, 
items:[ 
     { 
       layout: 'hbox', 
       items: [ 
        { 
         xtype : 'toolbar', 
         itemId: 'searchToolbar', 
         items : [ 
           { 
            xtype: 'tbtext', 
            text: 'Item1' 
           } 
         ] 
        }, 
        { 
        xtype: 'tbfill' 
        } 
        ,{ 
         xtype: 'toolbar', 
         items: [ 
          { 
             xtype: 'tbtext', 
             text: 'Item2' 
           } 

         ] 
        } 
       ] 
      } 

] 

}); 

Ext.create('My.test.Viewport'); 

Answer 2

是否有任何限制，那阻止你使用CSS？如果不是的話，你不能添加itemCls到一個類的左邊和右邊的配置？

items: [{ 
    xtype: 'toolbar', 
    itemCls: 'toolbar-dock-left', 
    ... 
}, { 
    xtype: 'toolbar', 
    itemCls: 'toolbar-dock-right', 
    ... 
}