ext panel

来源：百度知道 编辑：UC知道 时间：2024/05/26 19:02:10
一个页面有二个ext的panel上面一个,下面一个,问怎样可以使ext中的panel最大化和最小化,同时当一个最大化的时候另外一个变为最小化,以下是我原的代码,请帮忙看看
Ext.onReady(function(){
var pane = new Ext.Panel({
name:'panelImg',
id:'panelImg',
renderTo:'newid',
title:'flash市场份额图',

items:[{
xtype:'iframepanel',
titleCollapse:true,
// defaultSrc:'iframe.html',
defaultSrc:'/flashtest/Main.html',
width:"100%",
defaultHeight:'300',
height:300
}]
});

var pane1 = new Ext.Panel({
name:'my panel',
renderTo:'noscr',
title:'营业部经营数据',
collapsible:true,
items:[{
xtype:'iframepanel',

defaultSrc:'yybwork.jsp',
width:"100%",
defaultHeight:'300',
height:300
}]
});

});

用viewport吧，给你个例子，一看就知道了：
var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({ // raw
region:'north',
el: 'north',
height:32
}),{
region:'south',
contentEl: 'south',
split:true,
height: 100,
minSize: 100,
maxSize: 200,
collapsible: true,
title:'South',
margins:'0 0 0 0'
}, {
region:'east',
title: 'East Side',
collapsible: true,
split:true,
width: 225,