话不多说,直接上代码:
Ext.onReady(function(){
var wingroup = new Ext.WindowGroup();
for(var i = 1; i <= 5; i++){
var win = Ext.create('Ext.Window', {//1处
title : '第' + i + '个窗口',
id : 'win_' + i,
width : 300,
height : 300,
renderTo : Ext.getBody()
});
win.show();
wingroup.register(win);
}
var btn1 = Ext.create('Ext.Button', { //2处
text : '隐藏',
renderTo : Ext.getBody(),
handler : function(){//3处
wingroup.hideAll();
}
});
});
Ext.create()方法是创建一个实例对象,比如//2处,当然这个实例对象随你需要了,1处创建的是window,2处创建的是button。
实例对象创建好了之后,紧跟在后面的{}内就是各种属性了,也就是我们经常看到的API中的configs,
configs内部也有可以调用函数的属性,比如:handler,
如果你看过API,那么他后面的说明是这样写的:
handler : Function
A function called when the button is clicked (can be used instead of click event).
因此,才有了3处的写法。在3处内,可以调用你所创建的实例对象的各种Methods,即Ext.WindowGroup下的hideAll()。