ExtJs window(四)用windowGroup对象去操作多个window窗口

Ext.onReady(function(){
	//用windowGroup对象去操作多个window窗口
	var wingroup = new Ext.WindowGroup();
	for (var i = 1; i < 6; i++) {
		var win = Ext.create('Ext.Window',{
			title:'第'+i+'个窗口',
			id:'win_'+i,
			width:300,
			height:300,
			renderTo:Ext.getBody()
		});
		win.show();
		wingroup.register(win);	//把窗体注册给ZindexManager
	}
	
	var btn1 = Ext.create('Ext.button.Button',{
	
		text:'全部隐藏',
		renderTo:Ext.getBody(),
		handler:function(){
			wingroup.hideAll();		//隐藏所有被管理的winoe组件
		}
	});
	var btn2 = Ext.create('Ext.button.Button',{
		text:'全部显示',
		renderTo:Ext.getBody(),
		handler:function(){
			wingroup.each(function(cmp){
				cmp.show();
			})
		}
	});

	var btn4 = Ext.create('Ext.button.Button',{
		text:'把第三个窗口显示在最前端',
		renderTo:Ext.getBody(),
		handler:function(win){
			wingroup.bringToFront('win_3');	//把当前组件显示在最前端
		}
	})
	
});

  

posted @ 2016-08-29 10:16  sailor4518  阅读(1476)  评论(0)    收藏  举报