Extjs如何为vbox面板设置100％的高度 [英] Extjs how to set 100% height for vbox panel

问题描述

嗨〜 ，

我想将100％的高度设置为面板2.但是我不知道该怎么做..

I want to set 100% left over height to panel 2. but I don't know how to do..

这里是我的测试代码，

{
    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，但不起作用。

I tried, autoHeight : true and height : '100%' to panel 2 but it does not work.

任何人都知道，请帮助我〜

anybody knows, please help me ~

谢谢〜！

推荐答案

你应该使用 flex

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

这篇关于Extjs如何为vbox面板设置100％的高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！