Моя проблема в том, как я могу инициировать панель с нижней панелью инструментов с вертикальными кнопками.
Вот мой код
var filterActionsButtons = [
{
ui : 'confirm',
text: 'Apply for current view',
},
{
ui : 'action',
text: 'Apply and Save in your profile',
},
{
ui: 'decline',
text: 'Cancel',
handler: function () {
filterPanel.hide();
}
}
];
var filterPanel =
new Ext.Panel({
fullscreen: true,
modal: true,
floating: true,
centered: true,
//width: Ext.is.Phone ? 260 : 400,
//height: Ext.is.Phone ? 260 : 400,
//autoWidth: true,
layout: 'fit',
scroll: 'vertical',
html: '<h2>Agencies</h2>...',
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
title:'Manage your filters',
},
{
xtype: 'toolbar',
dock: 'bottom',
layout: {
type: 'vbox',
align: 'strech',
},
height: '100',
//height: 'auto',
items: filterActionsButtons,
}
],
});
Это работает, потому что я указываю высоту: «100», но я хочу указать автоматическую высоту или не указывать высоту. Когда я указываю «авто» для свойства высоты, кнопки становятся маленькими и выравниваются по левому краю, И когда я нажимаю на одну из них, он (кнопка) растягивается !!!
Итак, как я могу использовать height: 'auto' для панели инструментов с кнопками одинаковой ширины (автоматически растягиваться)?