ExtJS按鈕對齊

Question

在ExtJs面板按鈕中，我想按如下所示在兩行中創建按鈕;

B1，B2，B3

B4 B5 B6

默認情況下，它是在一個單行創建按鈕。 b1 b2 b3 b4 b5 b6。

如何設置面板按鈕的佈局。

我試過buttongroup，它工作的很好。但只是想知道我們是否可以進行佈局。

謝謝。

Answer 1

那麼，你可以使用一個面板有兩個面板，每個面板包含三個按鈕。

您可以使用表格或列布局或hbox佈局將它們對齊到列中。

例如：

Ext.create("Ext.Panel", { 
    items: [{ 
     layout: { 
      type: 'hbox', 
      align: 'stretch' 
     }, 
     items: [b1, b2, b3] // buttons should have a width or flex specified 
    }, { 
     layout: { 
      type: 'hbox', 
      align: 'stretch' 
     }, 
     items: [b4, b5, b6] 
    }] 
}); 

您可以在此面板中的工具欄將作爲一個項目。

看看佈局和實例here