Как расположить кнопку xtype: справа от панели в EXT JS 5.0.1?

Question

Ext JS:

{
     xtype: 'panel',
     layout: 'form',
     columnWidth: 0.3,
     items:[
     {
          xtype: 'button',
          text: 'Remove',
          cls: 'flat-btn'
     }
     ]
}

Answer 1

Чтобы переместить кнопку на правую сторону, вы должны использовать компоновку hbox и добавить гибкий компонент на панель. Для получения дополнительной информации взгляните на ссылку .Ex:

{
    xtype: 'panel',
    layout: {
         type: 'hbox',
         align: 'stretch'
    },
    items: [{
         xtype: 'component',
         flex: 1
    },{
         xtype: 'button',
         ...
    }]
}