Sencha Ext面板填充浏览器

Question

我有以下应用程序，它可以横向填充屏幕没有问题。我希望它也可以垂直填写。

var missionsPanel = new Ext.panel.Panel
        (
            {
                title: 'Active Missions', width: '35%', renderTo: Ext.getBody(), layout: { type: 'vbox', align: 'stretch', padding: 5}
            }
        );

        resultsPanel = Ext.create('Ext.panel.Panel', {
            title: 'ISR Toolkit v3.0',
            renderTo: Ext.getBody(),
            layout: { type: 'hbox', align: 'fit', padding: 5 },
            items: 
            [ missionsPanel, { xtype: 'splitter' },
                { title: 'Person Details', bodyPadding: 5, flex: 2,
                        items: 
                        [
                            { itemId: 'txtName', fieldLabel: 'Name:', xtype: 'textfield'}, 
                            { itemId: 'txtAge', fieldLabel: 'Age', xtype: 'textfield'},
                            { itemId: 'btnShow', xtype: 'button', height: '60', width: 125, align: 'right', text: 'Show Data', handler: createNewMissionWindow }
                        ] 
                }       
            ]
        });

我确信这是一件小事我不知道。

Answer 1

最简单的方法是使用fit布局创建Viewport，并且唯一的item是您的面板（删除renderTo配置，以及任何高度/宽度）。