GridPanel动态添加ToolBar

最新推荐文章于 2022-12-29 10:56:19 发布

zhangsiqi1985

最新推荐文章于 2022-12-29 10:56:19 发布

阅读量332

点赞数

分类专栏： ext 文章标签： toolbar border ext gridpanel 多行toobar

本文链接：https://blog.csdn.net/zhangsiqi1985/article/details/84088422

版权

ext 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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