javascript - ExtJS 自动调整大小选项卡面板

Question

我们有一个视口(viewport)，其中有一个用于导航树的西部区域和一个用于内容(网格、表单等)的中心区域，其中有一个选项卡面板位于其中。

通过单击导航树中的任何子菜单项，我们可以动态地将内容(选项卡)添加到此选项卡面板。

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

动态添加标签的函数是:

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

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