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