美好的一天,我是 extjs 新手,我正在使用 extjs 3,我的布局有问题,我有选项卡面板,选项卡 1 内部将是视口(viewport),选项卡 2 只是一个简单的内容,但是当我单击 tab2 时,视口(viewport)没有消失,应该是视口(viewport)仅在选项卡 1 或第一个选项卡上。以下是我的代码,请帮忙,如果我的代码有问题怎么办。
var Tabs;
var chatUi;
var content = "centerpanel";
var viewport1 = new Ext.Viewport({
//id: 'chatUiLayout',
layout: 'border',
//renderTo : 'liveChatTextLiveHelp',
items: [{
width: 150,
region: 'east',
title: 'east'
}, {
region: 'center',
title: 'center'
}]
});
Tabs = new Ext.TabPanel({
id: 'liveChatTextLiveHelp',
renderTo: 'div-live-chat',
activeTab: 0,
//region: 'center',
//hieght: 200,
plain: true,
items: [{
title: 'Live help',
items: [ //viewport1
],
html: "<div id='" + content + "' class='90pers' ></div>"
}, {
title: 'Tab 2',
html: "tab 2 content"
}
],
scope: this,
listeners: {
afterrender: function () {
viewport1.render(content);
},
scope: this
}
});
最佳答案
视口(viewport)是代表整个浏览器窗口的特殊容器。他们总是会把自己呈现给 body ,使他们成为进入其他东西的不佳人选。您应该尝试使用 panel
或 container
而不是视口(viewport)。
关于javascript - tabpanel 内的 extjs 视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12612919/