Ext_windows 组件(三) -------------- WindowGroup基本用法

/**
*
*/

Ext.onReady(function(){

var winGroup = new Ext.WindowGroup();
for (var i = 1;i<5;i++){
var win = new Ext.create('Ext.Window',{
title:'我是第'+i+'窗口',
renderTo: Ext.getBody(),
id:'win_'+i,		//id最好不要单独用1/2/3Ext对其不敏感（会出错）
height:300,
width:400

})
win.show();
winGroup.register(win);
}

var btn1 = Ext.create('Ext.button.Button',{
text:'全部隐藏',
renderTo: Ext.getBody(),
handler:function(){
winGroup.hideAll();
}
})

var btn2 = Ext.create('Ext.button.Button',{
text:'全部显示',
renderTo: Ext.getBody(),
handler:function(){
winGroup.each(function(win){  //each范围(参数)是函数执行的范围。 默认当前组件的迭代范围
win.show();
})
}
})

var btn3 = Ext.create('Ext.button.Button',{
text:'让第4个移到最后',
renderTo: Ext.getBody(),
handler:function(){
winGroup.sendToBack('win_4');		//组件的id或者一个Ext.Component实例
}
})

var btn4 = Ext.create('Ext.button.Button',{
text:'让第1个移到最前面',
renderTo: Ext.getBody(),
handler:function(){
winGroup.bringToFront('win_1')		//组件的id或者一个Ext.Component实例
}
})

});