Extjs：调整浏览器窗口大小时，视口中的“调整大小”面板

Question

I have a panel:

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

This panel is inside Viewport:

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

Problem: When I resize the browser window, the panel becomes a cropped height

How can I do so that the height varied as in rubber layout ?

Answer 1

对视口使用“ vbox”布局和正确的layoutConfig（pack：居中，align：居中），并且调整大小应正确。