Javascript Sencha外部面板填充浏览器

我有下面的应用程序，它填补了屏幕水平没有问题。我想它填写垂直以及

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 }
                        ] 
                }       
            ]
        });

---

我确信这是我所缺少的一些小东西。

最简单的方法是创建一个具有合适布局的，唯一的项目是您的面板移除渲染器以进行配置，以及任何高度/宽度