Позиционирование кнопок в Ext js

Question

[baroleg]

Всем привет,
как расположить 3 кнопки на панели, чтобы одна была слева, а две другие справа.
Вставляю вот таким обзом
selectPanel = new Ext.Panel({ button: [ { text: 'Select' }, { text: 'Advanced options' }, { text: 'Back' } ] })
Если располагать на баре, то можно указать '->', а как сделать с кнопками не знаю.
Понимаю, вопрос наверно очень групый, но я в ext js новичок, покопался в манах, толи я слепой (скорее всего), толи как-то хитро надо.

Answer 1

[Николай Александров]

Самый простой вариант, это использовать элемент '->' в массиве buttons http://jsfiddle.net/yW8Gs/3/

Answer 2

[TheAlien]

Могу предложить свой вариант.
Идея проста — между кнопками вставить «контейнер-распорку,» который прижмет одни кнопки к левой части, а другие — к правой.
Примерно так ( jsfiddle.net/yW8Gs/1/ ):

Ext.create('Ext.Panel', { 
    layout: 'hbox', // важно
    renderTo: Ext.getBody(),
    items: [
        { xtype: 'button', text: 'Select' }, 
        { xtype: 'container', flex:1 },        // <== magic )
        { xtype: 'button', text: 'Advanced options' },   
        { xtype: 'button', text: 'Back' }
    ]
})

Comments

[Николай Александров]

Зачем так сложно, вот посмотрите http://jsfiddle.net/yW8Gs/3/