Extjs 中如何用一个按钮控制Panel闭合与展开

引自：http://blog.sina.com.cn/s/blog_4b67d3240100rxaz.html

在extjs 的panel中，有两个公用方法，一个是collapse()：panel收缩；另一个是expand()：panel展开。我们可以很好的使用这两上方法来作文章。我们可以定义一个公共变量，来进行判断panel当前所需要展开还是需要收缩。

具体怎么写，请看下面的示例：

 

1. Ext.onReady(function() {  
2.     var p= new Ext.Panel({  
3.         title: 'Hello',  
4.         width: 500,  
5.         height: 500,  
6.         renderTo: Ext.getBody(),  
7.         collapsible: true  
8.     });  
9.       
10.     var f= 1;  
11.     var b= new Ext.Button({  
12.         text: '嘿嘿',  
13.         renderTo:document.body,  
14.         handler: function() {  
15.             if (f=== 1) {  
16.                 p.collapse();  //panel收缩
17.                 f= 0;  //修改公共变量值
18.             } else {  
19.                 p.expand();  //panel展开
20.                 f= 1;  //修改公共变量值
21.             }  
22.         }  
23.     });  
24. })