GridPanel动态添加ToolBar

border布局的Panel中的center放了一个GridPanel，我想在GridPanel中放两个toolbar,其中一个是默认的，一个是扩展的，扩展的默认为隐藏，点击默认toolbar上的一个按钮时显示扩展toolbar，
下面是代码：
两个toolbar，一个隐藏:

			tbar : toolBar,
			listeners : {
				render : function() {
					toolBar2.render(this.tbar);
					toolBar2.hide();
				},
				destroy : function() {
					Ext.destroy(toolBar2);//这一句不加有能会有麻烦滴
				}
			},

点击按钮的时候，显示或隐藏扩展toolbar:

		var btnSel = new Ext.SplitButton({
			text : "查找",
			// style : 'margin:0 10 4 30',
			iconCls : 'search',
			handler : searchCoalPlace,
			tooltip : {
				text : '查找',
				autoHide : true
			},
			arrowHandler : function() { 
				if (toolBar2.hidden) {
					toolBar2.show();
					cpGrid.syncSize();  //重新计算高度
					subPanel.doLayout();//容器重新布局
				} else {
					toolBar2.hide();
					cpGrid.syncSize();//重新计算高度
				subPanel.doLayout();//容器重新布局
				}
			}
		});