Задать вопрос
baroleg
@baroleg
javascript

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

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

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

Ответ написан
Комментировать
Комментировать
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' }
    ]
})
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Модель управления электродвигателем в Matlab, Simulink
24 апр. 2024, в 06:52
5000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы