Extjs-panel-collapse 相关属性使用记录

panel下的border布局，center和east又是两个panel。未配置collapsible，双击east的左边框依然可以展开。此时的east配置（上如是我双击east的左边框的结果）：

                                xtype : 'panel',
				region : 'east',
				bodyStyle : 'background:#F7B650;',
				width : '15%',
				split : true,
				overlapHeader : false,
				collapsed : true,
				collapseMode : 'mini',//mini
				layout : {
					type : 'vbox',
					align : 'stretch'
				},
				items : [ groupTree, userTree ]

要求是east在左边的边框有展开、缩入的箭头按钮。第一步：添加属性collapsible：

隐藏按钮和eastpanel的title区域添加属性：titleCollapse : true,hideCollapseTool : true,效果：

east panel的完整代码：

				xtype : 'panel',
				region : 'east',
				bodyStyle : 'background:#F7B650;',
				width : '15%',
				split : true,
				overlapHeader : false,
				collapsed : true,
				collapseMode : 'mini',		//具体请看API
				collapsible : true,		//设置panel可缩入和展开
				titleCollapse : true,		//只设置此属性，不设置hideCollapseTool:true，不起任何作用
				hideCollapseTool : true,	//设置之后小箭头消失，但不设置titleCollapse:true，title的区域还会有
				layout : {
					type : 'vbox',
					align : 'stretch'
				},