Ext.create的使用及扩展


话不多说,直接上代码:

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()。


版权声明:本文为wang645372816原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。