Ext_windows 组件(三) -------------- WindowGroup基本用法

直接上DEMO

比较简单就不多说了

/**
 * 
 */
 
 Ext.onReady(function(){
 	
 	var winGroup = new Ext.WindowGroup();
 	for (var i = 1;i<5;i++){
 		var win = new Ext.create('Ext.Window',{
 			title:'我是第'+i+'窗口',  
 			renderTo: Ext.getBody(),
 			id:'win_'+i,		//id最好不要单独用1/2/3Ext对其不敏感（会出错）
 			height:300,
 			width:400
 			
 		})
 		win.show();
 		winGroup.register(win);
 	}
 	
 	var btn1 = Ext.create('Ext.button.Button',{
 		text:'全部隐藏',
 		renderTo: Ext.getBody(),
 		handler:function(){
 			winGroup.hideAll();
 		}
 	})
 	 
 	var btn2 = Ext.create('Ext.button.Button',{
 		text:'全部显示',
 		renderTo: Ext.getBody(),
 		handler:function(){
			winGroup.each(function(win){  //each范围(参数)是函数执行的范围。 默认当前组件的迭代范围
				win.show();
			})			
 		}
 	})
 	
	var btn3 = Ext.create('Ext.button.Button',{
		text:'让第4个移到最后',
		renderTo: Ext.getBody(),
		handler:function(){
			winGroup.sendToBack('win_4');		//组件的id或者一个Ext.Component实例
		}
 	})
 	
 	var btn4 = Ext.create('Ext.button.Button',{
		text:'让第1个移到最前面',
		renderTo: Ext.getBody(),
		handler:function(){
			winGroup.bringToFront('win_1')		//组件的id或者一个Ext.Component实例
		}
 	})
 	
 	
 	
 	
 });