ExtJS WindowGroup示例

标签：javascript   extjs   window   js   jquery   

Ext.onReady(function(){
	//Ext.ZIndexManager 即Ext.WindowGroup 的方法介绍
	//创建管理器
	var winGrp=new Ext.WindowGroup();
	//创建5个window对象,注册给winGrp
	for(var i =1;i<=5;i++){
		var win=new Ext.Window({
			id:'win_'+i,
			title:'窗口'+i,
			width:400,
			height:400,
			renderTo:Ext.getBody(),
		})
		win.show();
		winGrp.register(win);
	}
	
	var btn1=new Ext.Button({
	  text:'全部隐藏',
	  renderTo:Ext.getBody(),
	  handler:function(){
	  winGrp.hideAll();
	  }
	})
	
	var btn2=new Ext.Button({
		text:'全部显示',
		renderTo:Ext.getBody(),
		handler:function(){
			winGrp.each(function(cmp){
				cmp.show()
			}) 
		}
	})
	
	var btn3=new Ext.Button({
		text:"置顶",
		renderTo:Ext.getBody(),
		handler:function(){
			winGrp.bringToFront("win_1")
		}
	})
	
	var btn4=new Ext.Button({
	    text:"置底",
	    renderTo:Ext.getBody(),
	    handler:function(){
	    	winGrp.sendToBack("win_5")
	    }
	})
		


});

ExtJS WindowGroup示例

标签：javascript   extjs   window   js   jquery   

原文地址：http://blog.csdn.net/h249059945/article/details/47307673