ExtJS 自动调整大小选项卡面板答案

【问题标题】：ExtJS Auto Resize Tab PanelExtJS 自动调整大小选项卡面板
【发布时间】：2012-08-29 02:04:46
【问题描述】：

我们有一个视口，在其中我们有一个 west region 用于导航树和一个 center 区域 用于内容（网格、表单等），它有一个标签面板在里面。

我们在点击导航树中的任何子菜单项时动态地将内容（标签）添加到此标签面板。

这些选项卡在窗口调整大小时不会调整大小。

动态添加标签的功能是：

function AddNewTab(title, url, closable) {
    var tabs = Ext.getCmp('tabs');
    tabs.add({
        xtype: 'panel',
        title: title,
        closable: closable,
        autoScroll: true,
        layout: 'fit',
        autoLoad: {
            url: url,
            scripts: true
        }
    });
    tabs.setActiveTab(tabs.items.length - 1);
}

更新：这是一切正常的正常状态

但是当我们调整窗口大小或折叠右侧面板时，选项卡面板不会重新调整大小以填充整个区域。

【问题讨论】：

not resized 代表什么？
我们想要自动调整大小的功能，比如视口自动调整大小。我可以添加一些图片。
太模糊了。它现在如何运作？应该怎么做？
我看到各个选项卡都配置了layout: 'fit'，你的tabpanel 本身也有layout: 'fit' 吗？
标签面板布局默认为card，这意味着fit。我同意我们需要一些图片来确切了解发生了什么。

标签： javascript extjs extjs4.1

【解决方案1】：

中心区域的布局应该是 'fit' 。

【讨论】：

【解决方案2】：

这对我有帮助。

Ext.EventManager.onWindowResize(myEvilPanel.doLayout, myEvilPanel);

【讨论】：