Javascript 面板不会在选项卡面板中垂直展开

使用Extjs，我得到了一个包含两个面板的TabPanel。这些面板不会自动垂直展开。所有布局均设置为“配合”类型，且forceFit为真

编辑：

我已经根据库纳尔的建议更新了我的代码

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

---

使用Kunal的建议编辑代码产生了以下效果：我们可以看到ZombieTab_命令的底部栏显示在面板的顶部，因此，选项卡的所有组件都不会显示。

您的主选项卡ZombieTab是否占用了整个空间

如果是，我将根据需要更改子面板

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

其他子面板也是如此

对于“命令”选项卡中的工具栏，尝试替换为普通的Ext工具栏，然后查看效果

    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时，第一个和第二个僵尸选项卡都无法正确渲染。我不明白为什么。嘿，库纳尔，我刚刚发现了问题。这是因为主面板没有编码。。。谢谢你的帮助。我会证实你的答案。