Extjs：调整浏览器窗口大小时在视口中调整面板大小

Question

我有一个面板：

var myPanel = Ext.form.Panel({   width : 400,   height : '50%', ... } // for center panel on screen
items : [{
    xtype : 'component',
    html : <add image>

此面板位于视口内：

    Ext.create('Ext.container.Viewport', {
        layout : 'ux.center',
        items : [form]
    });

问题：当我调整浏览器窗口的大小时，面板变成了裁剪高度

我怎样才能使高度像橡胶布局一样变化？

Answer 1

为您的视口使用带有适当 layoutConfig（包：中心，对齐：中心）的“vbox”布局，并且应该正确调整大小。