Ext.onReady(function(){
//定义一个Person类
Person = function(name){
this.name = name;
this.addEvents('walk','eat','sleep'); //为Person类添加自定义事件
}
Ext.extend(Person,Ext.util.Observable,{ //继承自Observable,所以能够定义事件
info:function(event){
return this.name+'is'+event+'ing';
}
});
var person = new Person("wang");
person.on('walk',function(){
Ext.Msg.alert('event',person.name+"走");
});
person.on('eat',function(){
Ext.Msg.alert('event',person.name+"吃");
});
person.on('sleep',function(){
Ext.Msg.alert('event',person.name+"睡");
});
Ext.get('walk').on('click',function(){
person.fireEvent('walk');
});
Ext.get('eat').on('click',function(){
person.fireEvent('eat');
});
Ext.get('sleep').on('click',function(){
person.fireEvent('sleep');
});
});Extjs自定义事件
最新推荐文章于 2020-11-18 12:10:36 发布
本文通过一个简单的ExtJS示例介绍了如何定义一个自定义类并为其添加事件监听器。该示例创建了一个名为Person的类,并为该类添加了walk、eat和sleep三个自定义事件。
703





