面板不会在 TabPanel 中垂直展开答案

【问题标题】：Panel does not expand vertically in a TabPanel面板不会在 TabPanel 中垂直展开
【发布时间】：2011-02-22 15:53:15
【问题描述】：

使用 Extjs，我有一个包含两个面板的 TabPanel。这些面板不会自动垂直扩展。所有布局都设置为“fit”类型，并且 forceFit 为 true。

编辑：

我已根据 Kunal 的建议更新了我的代码。

描述接口：你有一个包含多个节点的树列表。当用户单击其中一个节点时，它会打开一个选项卡（调用函数 ZombieTab(zombie_ip)），其中包含两个子选项卡（ZombieTab_MainTab 和 ZombieTab_Commands）。

按照 Kunal 的建议编辑代码有以下效果：我们可以看到 ZombieTab_Commands 的底部栏出现在面板的顶部，因此选项卡的所有组件都没有显示。

【问题讨论】：

标签： javascript extjs panel expand tabpanel

【解决方案1】：

你的主标签，即 ZombieTab，是否占据了整个空间？

如果是，我会将子面板更改为

ZombieTab_MainTab.superclass.constructor.call(this, {
    id: 'zombie-main-tab',
    layout:'fit',
    title: 'Main',
    items: {
            layout:'border',
            items:[top_bar, logs]
           }
});

对于其他子面板也是如此。

对于Command Tab中的Toolbar，尝试用普通的Ext Toolbar替换，看看效果。

    bbar: new Ext.Toolbar({
        id: 'exploits-bbar-zombie-'+zombie_ip,
        text: 'ready',
        border: false,
        iconCls: 'x-status-valid',
        items : [ { text: 'test'} ]
    })

【讨论】：

谢谢库纳尔。它并没有完全解决问题，但看起来确实更好。我已经更新了我的帖子以解释发生了什么。看看截图和我发布的新源代码。
主选项卡看起来更好吗？我尝试用 Ext.Toolbar 替换 Ext.ux.StatusBar，它看起来不错。编辑我的回复，然后再试一次。
主选项卡目前是空的（尚未编码），所以我无法评论它是否看起来不错。至于命令选项卡，我会根据浏览器得到不同的结果。因此，使用 Firefox，如果我打开一个僵尸选项卡 (ZombieTab(zombie_ip)) 并单击命令选项卡，它将完美呈现。但是，如果我打开另一个，最后一个将出现屏幕截图中显示的问题。使用 Chrome，第一个和第二个 ZombieTab 都不会正确呈现。我不知道为什么。
嘿Kunal，我刚刚发现了问题。这是因为主面板没有编码...感谢您的帮助。我会验证你的答案。