ExtJs--06--Ext.WindowGroup相关方法简单使用

最新推荐文章于 2020-06-25 22:57:06 发布

南京煜之隆

最新推荐文章于 2020-06-25 22:57:06 发布

阅读量1.1k

点赞数

分类专栏： ExtJs 文章标签： extjs4 javascript

本文链接：https://blog.csdn.net/responsecool/article/details/41014693

版权

ExtJs 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

Ext.onReady(function(){
	
	
//用windowGroup对象去操作多个window窗口
var winG = new Ext.WindowGroup();
for (var i = 1; i <= 5; i++) {
	var win = Ext.create("Ext.Window",{
		id:"win_"+i,
		title:"第"+i+"个窗口",
		width:200,
		height:200,
		renderTo:Ext.getBody()
	});
	win.show();
	winG.register(win);
}
var btn1 = Ext.create("Ext.button.Button",{
	text:"全部隐藏",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.hideAll();
		
	}
});
var btn2 = Ext.create("Ext.button.Button",{
	text:"全部显示",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.each(function(win){
			win.show();
		})
	}
});

var btn3 = Ext.create("Ext.button.Button",{
	text:"将第二个显示在最前端",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.bringToFront("win_2");
	}
});
var btn4 = Ext.create("Ext.button.Button",{
	text:"将第二个显示在最底端",
	renderTo:Ext.getBody(),
	handler:function(btn){
		winG.sendToBack("win_2")
	}
});
	
})