Правое выравнивание кнопки внутри панели ExtJS 5

Question

У меня есть панель, установленная как HBOX. У меня есть пара элементов управления внутри него. Ярлык, два переключателя и кнопка. Я хочу, чтобы кнопки Label и Radio были выровнены влево, а кнопка была выровнена по правому краю. Вот код, который у меня есть. Любая помощь была бы замечательной. Благодарю.

{ 
xtype: 'panel', 
layout: 'hbox', 
border: false, 
items: [ 
    { xtype: 'displayfield', value:'Type:', margin:'0 10 0 0' }, 
    { xtype:'radio', boxLabel : 'Type A', tag: null, margin:'0 10 0 0'}, 
    { xtype:'radio', boxLabel : 'Type B', tag:null, }, 
    { xtype: 'button', iconCls: 'myclsIcon'} 
] 
} 

Answer 1

Добавить распорку компонент (Flex 1), который будет заполнить любое оставшееся пространство:

{ 
    xtype: 'panel', 
    layout: 'hbox', 
    border: false, 
    items: [{ 
     xtype: 'displayfield', 
     value: 'Type:', 
     margin: '0 10 0 0' 
    }, { 
     xtype: 'radio', 
     boxLabel: 'Type A', 
     tag: null, 
     margin: '0 10 0 0' 
    }, { 
     xtype: 'radio', 
     boxLabel: 'Type B', 
     tag: null, 
    }, { 
     xtype: 'component', 
     flex: 1 
    }, { 
     xtype: 'button', 
     iconCls: 'myclsIcon' 
    }] 
}