Code:
var mainLayout = new Ext.BorderLayout(document.body, {
north: { split: true, initialSize: 50 },
south: {
split: true,
titlebar: true,
collapsible: true,
collapsedTitle: "<div align='center'>Copy by Jane</div>",
initialSize: 24,
maxSize:24,
minSize:24,
resizeTabs: true,
animate: true,
autoScroll:false,
useShim:true
},
//east: { split: true, initialSize: 100 },
west: {
split: true,
titlebar:true,
collapsible:true,
initialSize: 180,
maxSize: 250,
floatable:true,
animate: true
},
center: {
titlebar:true,
animate: true,
autoScroll:false,
useShim:true,
tabPosition: 'right',
closeOnTab: true,
alwaysShowTabs: true
}
});
mainLayout.beginUpdate();
mainLayout.add('north', new Ext.ContentPanel('north-div', { fitToFrame: true, closable: false }));
mainLayout.add('south', new Ext.ContentPanel('south-div', { closable:true, title:"<div align='center'>Copy by Jane</div>"}));
mainLayout.add('west', new Ext.ContentPanel('west-div', { title:"功能导航",autoScroll:true,fitToFrame: true, closable: false }));
mainLayout.add('center', new Ext.ContentPanel('center-div', {title:"中间1",closable:true}));
mainLayout.add("center", new Ext.ContentPanel("center2", {title: "中间2", fitToFrame: true,closable: true, resizeEl: 'center-iframe'}));
//mainLayout.getRegion("center").showPanel("center-div");
mainLayout.endUpdate();
Ext.get('center-iframe').dom.src = 'study_ext.jsp';