读书人

GridPanel动态平添ToolBar

发布时间: 2012-09-12 09:21:30 作者: rapoo

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();//容器重新布局}}});

读书人网 >Web前端

热点推荐