Sencha Ext面板填充浏览器

Sencha Ext Panel Fill Browser

本文关键字：填充 浏览器 Ext Sencha      更新时间：2023-09-26

我有下面的应用程序，它在水平方向上填充屏幕没有问题。我希望它也能垂直填写。

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

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

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

相关文章：