Question

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

修改

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

要描述接口：您有一个包含多个节点的树列表。当用户点击其中一个节点时，它会打开一个标签（调用函数ZombieTab（zombie_ip）），其中包含两个子标签（ZombieTab_MainTab和ZombieTab_Commands）。

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

Answer 1

你的主要标签是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'} ]
    })

面板不会在TabPanel中垂直展开

1 个答案: