我们有一个视口,在其中我们有一个用于导航树的西部区域和一个用于内容(网格、表单等)的中心区域,其中有一个选项卡面板。
单击导航树中的任何子菜单项,我们会动态地将内容(选项卡)添加到此选项卡面板。
这些选项卡不会在窗口重新调整大小时重新调整大小。
动态添加标签的功能是:
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);
}
更新:这是一切正常的正常状态
但是当我们调整窗口大小或折叠右侧面板时,选项卡面板不会重新调整大小以填充整个区域。