资源描述：
《ext学习笔记03-事件》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、Ext学习笔记03-事件博客分类：extJs资料EXTJavaScriptCSSprototypeHTMLExt中的事件机制Ext中的事件机制是在Ext.util.Observable中定义的，举一个例子来说明事件机制，先看一下代码，然后慢慢说♂person.jsJs代码♂Ext.namespace("com.meizhi");♂♂♂♂/*♂定义NameSpace的别名♂*/♂♂Mz♂=♂com.meizhi;♂♂♂♂Mz.Person♂=♂function()♂{♂♂♂♂♂♂/*♂定义事件♂*/♂♂♂
2、♂♂♂this.addEvents(♂♂♂♂♂♂♂♂♂♂"nameChange",♂♂♂♂♂♂♂♂♂♂"sexChange"♂♂♂♂♂♂);♂♂};♂♂♂♂Ext.extend(Mz.Person,♂Ext.util.Observable,♂{♂♂♂♂♂♂name:"",♂♂♂♂♂♂sex:"",♂♂♂♂♂♂setName:function(_name){♂♂♂♂♂♂♂♂♂♂if(this.name♂!=♂_name)♂{♂♂♂♂♂♂♂♂♂♂♂♂♂♂/*♂发布事件♂*/♂♂♂♂♂♂♂♂♂♂♂♂♂♂thi
3、s.fireEvent("nameChange",♂this,♂this.name,♂_name);♂♂♂♂♂♂♂♂♂♂♂♂♂♂this.name♂=♂_name;♂♂♂♂♂♂♂♂♂♂}♂♂♂♂♂♂♂♂♂},♂♂♂♂♂♂setSex:function(_sex){♂♂♂♂♂♂♂♂♂♂if(this.sex♂!=♂_sex){♂♂♂♂♂♂♂♂♂♂♂♂♂♂/*♂发布事件♂*/♂♂♂♂♂♂♂♂♂♂♂♂♂♂this.fireEvent("sexChange",♂this,♂this.sex,♂_sex);♂♂♂
4、♂♂♂♂♂♂♂♂♂♂♂this.sex♂=♂_sex;♂♂♂♂♂♂♂♂♂♂}♂♂♂♂♂♂}♂♂});♂♂Ext.namespace("com.meizhi");/*定义NameSpace的别名*/Mz=com.meizhi;Mz.Person=function(){(/*定义事件*/(this.addEvents((("nameChange",(("sexChange"();};Ext.extend(Mz.Person,Ext.util.Observable,{(name:"",(sex:"",(set
5、Name:function(_name){((if(this.name!=_name){(((/*发布事件*/(((this.fireEvent("nameChange",this,this.name,_name);(((this.name=_name;((}((},(setSex:function(_sex){((if(this.sex!=_sex){(((/*发布事件*/(((this.fireEvent("sexChange",this,this.sex,_sex);(((this.sex=_se
6、x;((}(}});♂看JS文件中的定义先定义了一个Person类，在类中只有一个属性addEvents，属性值是一个字符串数组，在这里是定义了两个Event事件的名字。声明Person类继承自Ext.util.Observable类，并且定义了Person类的另外一些属性：name，sex，以及它们的写方法（这里把setName和setSex称为属性更合适一些）。在属性的写方法setName，setSex中，如果传入的值和实例化的Person对象的属性值不一致就会调用相应的事件，并且给属性赋值。这样P
7、erson类的属性定义就完成了，并且现在Person是具有Ext事件机制的类，以后在Person类的实例中绑定和调用事件就非常方便了。Ext.util.Observable维护了一个events对象的数组，并提供了更加方便的对于事件的封装和调用机制。（参考：http://www.cnblogs.com/meetrice/archive/2008/05/23/1206108.html）♂addEvents()：绑定事件，看一下它的源代码Js代码♂addEvents♂:♂function(o){♂♂♂♂♂♂
8、if(!this.events){♂♂♂♂♂♂♂♂♂♂♂♂♂this.events♂=♂{};♂♂♂♂♂♂}♂♂♂♂♂♂♂♂if(typeof♂o♂==♂'string'){♂♂♂♂♂♂♂♂♂♂for(var♂i♂=♂0,♂a♂=♂arguments,♂v;♂v♂=♂a[i];♂i++){♂♂♂♂♂♂♂♂♂♂♂♂♂♂if(!this.events[a[i]]){♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂//♂将传入的事件名称注册到事件列表中♂♂♂♂♂
