首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

GridPanel动态平添ToolBar

2012-09-12 
GridPanel动态添加ToolBarborder布局的Panel中的center放了一个GridPanel,我想在GridPanel中放两个toolbar

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

热点排行