Ext.onready (function () {///Windowgroup object to manipulate multiple window windows var WinG = new Ext.windowgroup (); for (var i = 1; I <= 5; i++) {var Win = Ext.create ("Ext.window", {ID: "Win_" +i,title: "+i+" Window ", Width:200,height:200,renderto:ext.getbody ()}); Win.show (); Wing.register (win);} var btn1 = ext.create ("Ext.button.Button", {text: "Hide All", renderTo:Ext.getBody (), Handler:function (BTN) {Wing.hideall ( );}}); var btn2 = ext.create ("Ext.button.Button", {text: "Show All", RenderTo:Ext.getBody (), Handler:function (BTN) {Wing.each ( Function (Win) {win.show ();})}); var btn3 = ext.create ("Ext.button.Button", {text: "Show second in front", RenderTo:Ext.getBody (), Handler:function (BTN) { Wing.bringtofront ("Win_2");}); var btn4 = ext.create ("Ext.button.Button", {text: "Show second at Bottom", renderTo:Ext.getBody (), Handler:function (BTN) { Wing.sendtoback ("Win_2")});})
Extjs--06--ext.windowgroup related methods simple to use