Extjs 如何在面板的同一行中添加两个按钮？

如何在面板的同一行中添加两个按钮？（我是extjs新手。）

如果“添加”是指将它们传递给构造函数，只需在

按钮中使用数组即可

buttons: [{
    text: 'foo'
}, {
    text: 'bar'
}]

上面有很多例子

另一方面，如果要将按钮添加到现有面板，则必须实际将其添加到面板底部工具栏（
bottomTb
）栏，如下所示：

myPanel.bottomTb.add({xtype: 'button', text: 'foo'}, {xtype: 'button', text: 'bar'});

请注意，
xtype
默认为
'button'
，因此可能会被忽略
如果“添加”是指将它们传递给构造函数，只需在
按钮
配置中使用数组即可：

buttons: [{
    text: 'foo'
}, {
    text: 'bar'
}]

上面有很多例子

另一方面，如果要将按钮添加到现有面板，则必须实际将其添加到面板底部工具栏（
bottomTb
）栏，如下所示：

myPanel.bottomTb.add({xtype: 'button', text: 'foo'}, {xtype: 'button', text: 'bar'});

请注意，
xtype
默认为
“按钮”
，因此可能会被忽略
您将使用带有“hbox”布局的外部工具栏或容器

工具栏是一个内置组件，可以自动将按钮和字段堆叠成水平布局，但它也会更改UI，使它们在视觉上“停靠”。您可以查看文档来了解我的意思，但它看起来像一个工具栏，而不是两个相邻的按钮


要并排获得两个按钮，说Ok和Cancel，您可以在4.0中使用hbox布局

Ext.create('Ext.container.Container', {
    layout: {
        type: 'hbox'
    },
    items: [
        {xtype: 'button', text: 'Ok'}, 
        {xtype: 'button', text: 'Cancel'}
    ]
});

查看hbox的文档，了解校准和拉伸选项


在旧版本中，您可以做类似的事情，但“列”布局不太灵活。
您可以使用带有“hbox”布局的外部工具栏或容器

工具栏是一个内置组件，可以自动将按钮和字段堆叠成水平布局，但它也会更改UI，使它们在视觉上“停靠”。您可以查看文档来了解我的意思，但它看起来像一个工具栏，而不是两个相邻的按钮


要并排获得两个按钮，说Ok和Cancel，您可以在4.0中使用hbox布局

Ext.create('Ext.container.Container', {
    layout: {
        type: 'hbox'
    },
    items: [
        {xtype: 'button', text: 'Ok'}, 
        {xtype: 'button', text: 'Cancel'}
    ]
});

查看hbox的文档，了解校准和拉伸选项


在旧版本中，您可能会做类似的事情，但“列”布局不太灵活