在一个VBoxLayout中嵌套一个100%高度的BorderLayout

Question

我试图把一个BorderLayout在一个VBoxLayout，并有这个BorderLayout一个100%的高度。我试着:

Ext.create('Ext.container.Viewport', {
layout : 'fit',
items : [
    Ext.create('Ext.panel.Panel', {
        width: '100%',
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [
            Ext.create('Ext.panel.Panel', {
                flex: 0,
                height: 200,
                layout: 'border',
                items: [
                    Ext.create('Ext.panel.Panel', {
                        title: 'toto',
                        region: 'center'
                    })
                ]
            })
        ]
    })
]                           
});

它工作得很好，但是如果我用height:'100%'替换height: 200，我看不到任何东西。我做错了什么?

谢谢你的帮助!

(ps: VBoxLayout是必需的，我的应用程序比这个例子复杂得多，我不能改变VBoxLayout)

Answer 1

我认为你必须把form flex:0改为flex:1