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

Всем привет,
как расположить 3 кнопки на панели, чтобы одна была слева, а две другие справа.
Вставляю вот таким обзом
selectPanel = new Ext.Panel({ button: [ { text: 'Select' }, { text: 'Advanced options' }, { text: 'Back' } ] })
Если располагать на баре, то можно указать '->', а как сделать с кнопками не знаю.
Понимаю, вопрос наверно очень групый, но я в ext js новичок, покопался в манах, толи я слепой (скорее всего), толи как-то хитро надо.
  • Вопрос задан
  • 3629 просмотров
Пригласить эксперта
Ответы на вопрос 3
UZER2006
@UZER2006
Штатными средствами конструктора button не получится.
Можно использовать bottombar панели и поместить кнопочки в 2 контейнера с нужными атрибутами.
Вообще, посмотрите примеры Ext.NET, сам в своё время много оттуда почерпнул для разметки. Там, конечно, разметка серверная, но суть, надеюсь, будет ясна.
Ответ написан
TheAlien
@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' }
    ]
})

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы