为什么我的 ExtJS 选项卡不会显示带有边框布局的项目
截至目前，我的网站中有一个工作选项卡面板，当我执行操作时，选项卡会添加到选项卡面板中。现在，该选项卡使用以下项目定义正确呈现所有项目
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 调用，一切都会呈现良好。
当这个面板设置为边框布局时，为什么没有任何渲染？
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]
}]
}];
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?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
删除
autoHeight: true（在每个级别 - 不要永远在 BorderLayout 中使用它）并将layout: 'fit'添加到您的中心区域。另外，不确定将表单添加到字段集中是否是您想要的 - 也许相反的方式会更有意义。Remove
autoHeight: true(at every level -- don't ever use this inside a BorderLayout) and addlayout: '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.