Layout Extjs如何设置vbox面板的100%高度

嗨~,

我想设置面板2的100%剩余高度。但是我不知道该怎么做

这是我的测试代码

{
    title : 'EAST',
    region : 'east',
    layout : 'vbox',
    layoutConfig : {
        align : 'stretch'
    },
    bodyStyle : 'border:1px solid blue',
    width: 300,
    items : [
        new Ext.Panel({
            title : 'Panel 1',
            border : true,
            layout : 'fit',
            height : 250,
            html : 'PANEL 1 AREA'
        }),
        new Ext.Panel({
            title : 'Panel 2',
            border : true,
            bodyStyle : 'border:1px solid red',
            layout : 'fit',
            html : 'PANEL 2 AREA'
        })
    ]
}

我试过，自动高度：真，高度：'100%'面板2，但它不工作

谁知道，请帮帮我~

---

谢谢~

尝试在第二个面板中设置flex属性

    new Ext.Panel({
        title     : 'Panel 2',
        border    : true,
        bodyStyle : 'border:1px solid red',
        layout   : 'fit',
        html      : 'PANEL 2 AREA',
        flex      : 1

    })

flex仅在组件由配置为使用BoxLayout的容器呈现时使用。

---

每个具有flex属性的子组件将根据项目的相对flex值（与具有指定flex值的所有组件之和相比）进行垂直（通过VBoxLayout）或水平（通过HBoxLayout）弯曲。

您应该为第二个面板使用

flex

属性

new Ext.Panel({
    title : 'Panel 2',
    border : true,
    bodyStyle : 'border:1px solid red',
    layout : 'fit',
    html : 'PANEL 2 AREA',
    flex: 1
})

---

如果我只有一个面板，我想拉伸它（高度100%），会怎么样？