脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-ExtJS学习--------通过WindowGroup（也叫ZIndexManager）来操作window等组件，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

具体实现代码：（注意：在进行测试的时候最好分别进行测试，测试一个功能的时候将其他功能注释掉，否则会影响效果....）WindowGroup对象的方法可以在其参考文档中进行查看，文档下载地址：https://download.csdn.net/detail/z1137730824/7748893 下载查看<"/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PHByZSBjbGFzcz0="brush:java;">Ext.onReady(function(){//WindowGroup的使用 VAR wingroup=new Ext.ZIndeXManager();//两个都可以 // var wingroup=new Ext.WindowGroup();//两个都可以 for(var i=1;i<=5;i++)//创建5个窗口， { var win=Ext.create(&#39;Ext.Window',{//也可以是Ext.window.Window tITle:'第'+i+'个窗口', id:'win_'+i,//窗口的ID，尽量不要直接用数字表示 width:300, height:300, renderTo:Ext.getBody() }); win.show();//显示窗口 wingroup.register(win);//可参考API /* register( Ext.component comp ) * 通过ZIndexManager登记一个浮动Ext.COMponent。 * 在正常情况下，这个应该不需要被调用。 * 浮动组件(如理Windows，BoundLists和Menus)在渲染的同时在zIndexManager中自动注册。 * */ } //下面添加一些按钮来对WindowGroup（也叫ZIndexManager）的主要方法进行介绍 //隐藏所有组件 var BTn1=Ext.create('Ext.Button',{ text:'全部隐藏', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.hideAll();//隐藏所有被管理的组件 } }); //显示所有组件 var btn2=Ext.create('Ext.Button',{ text:'全部显示', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.each(function(cmp){//显示所有被隐藏的组件 cmp.show(); }); } }); //添加新的组件 var winn=Ext.create('Ext.Window',{//也可以是Ext.window.Window title:'这是新窗口', width:300, height:300, renderTo:Ext.getBody() }); winn.show();//显示窗口 var btn3=Ext.create('Ext.Button',{ text:'添加新窗口', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.addMembers(winn); } }); //将指定组件放到任何其他活动组件的前面在这个ZIndexManager var btn4=Ext.create('Ext.Button',{ text:'将第1个组件移动到最前面', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.bringToFront('win_1'); } }); //将组件放到最后面 var btn4=Ext.create('Ext.Button',{ text:'将第5个组件移动到最后面', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.bringToFront('win_5'); } }); //将组件放到最后面 var btn5=Ext.create('Ext.Button',{ text:'将组件从windowgroup中移出', renderTo:Ext.getBody(), handler:function()//按钮点击的处理函数 { wingroup.unregister(winn);//解除绑定之后该组件不会被销毁 } }); });
运行结果：

（1）初始运行结果：添加了5个window窗口

（2）点击全部隐藏按钮

（3）点击全部显示按钮

（4）添加新窗口（默认会放在最后面）

（5）将第一个组件移到最前端

（6）将第五个组件移到最后端（跟（5）效果差不多）

（7）将组件移出（将新添加的组件移出但不删除），再点击全部隐藏后的结果

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-ExtJS学习--------通过WindowGroup（也叫ZIndexManager）来操作window等组件全部内容，希望文章能够帮你解决javascript代码实例教程-ExtJS学习--------通过WindowGroup（也叫ZIndexManager）来操作window等组件所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。