ExtJS WindowGroup示例

页面导航:首页 > 网络编程 > JavaScript > ExtJS WindowGroup示例

ExtJS WindowGroup示例

来源: 作者: 时间:2016-01-19 18:32 【

Ext onReady(function(){ Ext ZIndexManager 即Ext WindowGroup 的方法介绍 创建管理器var winGrp=new Ext WindowGroup(); 创建5个window对象,注册给winGrpfor(var i =1;i
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")
	    }
	})
		


});

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<