Extjs自定义事件

最新推荐文章于 2016-03-28 22:54:00 发布

原创最新推荐文章于 2016-03-28 22:54:00 发布 · 781 阅读

1 ·

CC 4.0 BY-SA版权

Extjs3.4 专栏收录该内容

10 篇文章

订阅专栏

本文通过一个简单的ExtJS示例介绍了如何定义一个自定义类并为其添加事件监听器。该示例创建了一个名为Person的类，并为该类添加了walk、eat和sleep三个自定义事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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');
		});
	});