为什么我的ExtJS选项卡不会显示具有边框布局的项目 [英] Why will my ExtJS tab will not show items with a border layout

问题描述

到目前为止，我在我的网站上有一个工作的选项卡面板，当我执行一个动作时，选项卡被添加到tabpanel。现在，该选项卡使用以下项目定义正确地呈现所有项目

As of right now I have a working tab panel in my website, and when I perform an action a tab gets added to the tabpanel. Right now the tab renders all the items correctly with the following items definition

    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'，。现在我的标签里面没有任何内容。如果我留下了我的布局调用，一切都会很好。

However, I now want to add an eastern collapsible panel to this tab only, so in the panel's config I added layout: 'border',. Now nothing is rendered inside of my tab. If I then comment out my layout call, everything renders fine.

当面板设置为什么没有渲染作为边框布局？

Why does nothing render when this panel is set to be a border layout?

推荐答案

删除 autoHeight：true 每个级别 - 不要 在BorderLayout中使用此内容），并将 layout：'fit'添加到您的中心区域。另外，不确定在你的字段集中添加一个表单是你想要的 - 可能其他的方法会更有意义。

Remove autoHeight: true (at every level -- don't ever use this inside a BorderLayout) and add layout: 'fit' to your center region. Also, not sure that adding a form into your fieldset is what you want -- probably the other way around would make more sense.

这篇关于为什么我的ExtJS选项卡不会显示具有边框布局的项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！