布局中当某部分collapsible属性为true时,通过什么方法可以控制这部分的展开和闭合,当该部分闭合时,又通过什么方法控制该部分漂浮的展开和闭合??

布局中当某部分collapsible属性为true时,通过什么方法可以控制这部分的展开和闭合,当该部分闭合时,又通过什么方法控制该部分漂浮的展开和闭合??
意思说,我能在布局中的某部分,点击闭合后,能找到这个事件做些设置,因为布局里有两个东西,一个闭合了另一个的宽度就有问题了,我想在这个闭合后重新设置他的宽度。。

至于收缩/扩展的方法就是:

collapse( Boolean animate ) : Ext.Panel
expand( Boolean animate ) : Ext.Panel

监听collapse和expand事件

1.初始的时候折叠的布局问题,可以试下
Container

forceLayout : Boolean

If true the container will force a layout initially even if hidden or collapsed. This option is useful for forcing forms to render in collapsed or hidden containers. (defaults to false).

2.监听事件的代码:
[code="javascript"]
var p = new Ext.Panel({
renderTo:document.body,
collapsible:true,
title:':TestPanel:',
html:'test.............',
listeners:{
'expand':function(){
alert('expand');
},
'collapse':function(){
alert('collapse');
}
}
})
[/code]

3.你还可以在这里自定义,
具体看panel的tools配置
tools:[{
id:'toggle',
qtip: '收缩/扩展',
// hidden:true,
handler: function(event, toolEl, panel){
// refresh logic
}
}