javascript - 为什么我的 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' 到您的中心区域。此外，不确定将表单添加到您的字段集中是否是您想要的 - 可能反过来会更有意义。