Sencha Ext Panel 填充浏览器答案

【问题标题】：Sencha Ext Panel Fill BrowserSencha Ext Panel 填充浏览器
【发布时间】：2014-10-02 15:58:35
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript extjs

【解决方案1】：

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

【讨论】：