0

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

编辑:

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

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

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

4

1 回答 1

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'} ]
    })
于 2010-05-22T11:49:54.767 回答