Блог

Главная - Вопросы по программированию - Кнопка Extjs в правом нижнем углу

Кнопка Extjs в правом нижнем углу

#extjs #alignment #extjs4.2

#extjs #выравнивание #extjs4.2

Вопрос:

это мой код : 

       {
           title: 'XXXXX',
           collapsible:true,
           items:[
                 {
                      xtype: 'button',
                      flex: 1,
                      text: 'click here',
                 },
            ],
       },

…

Как я могу выровнять кнопку в правом нижнем углу контейнера XXXXX?

Ответ №1:

Я рекомендую вам использовать a panel вместо a container и поместить их в dockedItems . 

 ....
collapsible:true,
dockedItems: [{
    xtype: 'toolbar',
    dock: 'bottom',
    items: ['->',{
        text: 'click here'
    }]
}]
...

Смотрите Документы для получения более подробной информации о dockedItems

Редактировать -> без панели инструментов

 ....
collapsible:true,
dockedItems: [{
    xtype: 'container',
    layout: 'hbox',
    dock: 'bottom',
    items: [{
        xtype:'container',flex:1
    },{
        text: 'click here',minWidth: 50
    }]
}]
...

Комментарии:

1. Спасибо, но у вас есть решение без панели инструментов?

2. @Meinew Вам понадобится какой-нибудь упаковочный «контейнер» для размещения кнопок (пожалуйста, смотрите Кнопки для получения дополнительной информации). Смотрите Мой пост для примера редактирования

3. Умный и рабочий: спасибо! (Не могли бы вы связать упомянутый пост, пожалуйста?)