1.添加panel
將功能模塊全部用panel裝起來,js文件也全部引用到一個頁面裏面,這樣做有一個好處,就是它tab加載的時候會把所有的預加載的數據全部加載好,然後再切換tab頁的時候就不會出現太多的延遲
var tabs = Ext.create('Ext.tab.Panel', {
region : 'center',
activeTab : 0,
autoScroll : true,
width : document.body.clientWidth,
height : document.body.clientHeight - 50,
defaults : {
bodyPadding : 10
},
items : [ aPanel, sPanel, dPanel, fPanel, gPanel,hPanel],
listeners : {
'tabchange' : function(tab, newc, oldc) {
if (tabs.getComponent(3) == newc) { //tabchange事件
} else {
}
}
}
});
2.添加jsp頁面
var tabs = new Ext.TabPanel(
{
renderTo : 'panel',
activeTab : 0,
width :'auto' ,
height : document.body.clientHeight -100 ,
plain : true,
defaults : {
autoScroll : true
},
items : [
{
title : '信息1',
html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info1.jsp"></iframe>'
},
{
title : '信息2',
html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info2.jsp"></iframe>'
},
{
title : '信息3',
html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info3.jsp"></iframe>'
},
{
title : '信息4',
html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="Info4.jsp"></iframe>'
}]
});
});