Sencha-touch: панель инструментов с кнопками автоматической высоты

Моя проблема в том, как я могу инициировать панель с нижней панелью инструментов с вертикальными кнопками.

Вот мой код

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' для панели инструментов с кнопками одинаковой ширины (автоматически растягиваться)?


person BasicCoder    schedule 17.05.2011    source источник


Ответы (1)


Тип

defaults : {
    flex : 1
}

в свойствах панели инструментов

person Matthew    schedule 21.09.2011
comment
Если высоты вертикальной панели инструментов недостаточно для размещения всех кнопок, ваш ответ уменьшит каждую кнопку. Не то решение, которое я искал. - person Arvin; 28.02.2014