Как добавить две кнопки в один ряд панели?

Question

Как добавить две кнопки в один ряд панели? (Я новичок в extjs.)

Answer 1

Если под «добавить» вы подразумеваете передачу их конструктору, просто используйте массив в конфигурации buttons:

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

На http://www.sencha.com/products/extjs/examples/

* 1007 существует множество примеров* С другой стороны, если вы хотите добавить кнопки к существующей панели, вы должны добавить их к нижней панели панели инструментов (bottomTb), например:

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

Обратите внимание, что xtypeпо умолчанию 'button' и может быть опущено

Answer 2

Вы бы использовали панель Ext.Toolbar или контейнер с макетом hbox.

Панель инструментов - это встроенный компонент, который автоматически складывает кнопки и поля в горизонтальный макет, но также изменяетИнтерфейс так, чтобы они "стыковались" визуально.Вы можете увидеть документы, чтобы понять, что я имею в виду, но это будет похоже на панель инструментов, а не на две кнопки рядом друг с другом.

http://dev.sencha.com/deploy/ext-4.0.0/docs/api/Ext.toolbar.Toolbar.html

Чтобы расположить две кнопки рядомсо стороны, скажем Ok и Cancel, вы можете использовать макет hbox в 4.0.

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

Ознакомьтесь с документацией по hbox для параметров выравнивания и растяжения.

http://dev.sencha.com/deploy/ext-4.0.0/docs/api/Ext.toolbar.Toolbar.html

В старых версиях вы делали бы что-то похожее, но с менее гибким расположением столбцов.