为什么我的 ExtJS 选项卡不会显示带有边框布局的项目

Question

截至目前，我的网站中有一个可用的选项卡面板，当我执行操作时，一个选项卡会添加到选项卡面板中。现在选项卡使用以下项目定义正确呈现所有项目

    return [{
        xtype: 'panel',
        region: 'north',
        autoHeight: true,
        items: this.buildToolbar()
    }, {
        xtype: 'panel',
        region: 'center',
        autoHeight: true,
        items: [{
            xtype: 'fieldset',
            title: 'Details:',
            collapsible: true,
            autoHeight: true,
            items: [this.detailForm]
        }]
    }];

但是，我现在只想在此选项卡中添加一个东部可折叠面板，因此在面板的配置中我添加了layout: 'border',。现在我的选项卡内没有呈现任何内容。如果我随后注释掉我的 layout 电话，一切都会正常。

为什么当这个面板设置为边框布局时什么都不渲染？

Answer 1

删除autoHeight: true（在每个级别——不要永远在 BorderLayout 中使用它）并将layout: 'fit' 添加到您的中心区域。此外，不确定将表单添加到您的字段集中是您想要的 - 可能反过来会更有意义。