ExtJS 折叠面板不起作用

Question

我有两个面板。当我折叠第一个时，第二个不适合空白空间。如果我折叠第二个，它会很好地工作。

this.firstpanel= new Ext.Panel( {
        region: config.propertyRegion, 
        id: config.editorpropertytable, 
        border: true, 
        borderBody: false, 
        autoHeight: false, 
        autoScroll:true,
        split: true,
        collapsible: true,
            height: 300, width: 600, minSize: minSize, maxSize: maxSize,
});

this.secondpanel= new Ext.Panel({
            region: config.previewRegion, 
            id: Ext.id(), 
            autoScroll:false, 
            border: true, 
            borderBody: false,
            collapsible: true,
            split: true
        });

我注意到折叠面板的箭头按钮不同，但我不明白为什么。

第一个面板已折叠

第二个面板已折叠

Answer 1

在BorderLayout 中，可折叠空间总是由强制'center' 区域填充。