ExtJS学习--------通过WindowGroup（也叫ZIndexManager）来操作window等组件

具体实现代码：（注意：在进行测试的时候最好分别进行测试，测试一个功能的时候将其他功能注释掉，否则会影响效果....）WindowGroup对象的方法可以在其参考文档中进行查看，文档下载地址：http://download.csdn.net/detail/z1137730824/7748893  下载查看

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('Ext.Window',{//也可以是Ext.window.Windowtitle:'第'+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.Windowtitle:'这是新窗口',width:300,height:300,renderTo:Ext.getBody()});winn.show();//显示窗口var btn3=Ext.create('Ext.Button',{text:'添加新窗口',renderTo:Ext.getBody(),handler:function()//按钮点击的处理函数{wingroup.addMembers(winn);}});//将指定组件放到任何其他活动组件的前面在这个ZIndexManagervar 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）将组件移出（将新添加的组件移出但不删除），再点击全部隐藏后的结果