ExtJS自动调整选项卡面板

Question

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

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

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

动态添加标签的功能是：

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);
}

更新： 这是正常的状态，每件事都可以

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

Answer 1

中心区域的布局应该“合适”。

Answer 2

这帮助了我。

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