EXT的自定义事件使用

这玩意弄了我一个下午，当然，没有调试工具

先看一段文档说明：

EXT中遵循一种树状的事件模型，所有继承自Ext.util.Observable类的控件都可以支持事件。可以为这些继承了Ext.util.Observable的对象定义一些事件，然后为这些事件配置监听器。当某个事件被触发时，EXT会自动调用对应的监听器，这些就是EXT的事件模型。

导入EXT三个基本包的顺序是：ext-all.css   ext-base.js   ext-all.js   至于中文包，我还没有用过，在HTML里面设置字符编码，我想这里应该不再用导入中文包了，如果有人测试了，麻烦请留言告诉我，谢谢。

自定义事件三个步骤

    第一步，创建对象。

     Somebody=function(name){
        this.name=name; //初始化name
        this.addEvents('play');  //这里增加了一个play事件
    };

 Ext.extend(Somebody,Ext.util.Observable);//使用Ext.extend()使得该类继承了Observable所有的属性

   第二步，绑定方法。

     var zhangsan=new Somebody("zhangsan");
    zhangsan.on('play',function(location){
       Ext.Msg.alert('event',this.name+"is playing at"+location);
    });

   第三步，给DOM对象和事件关联起来

    Ext.get("play1").on('click',function(){  //这里的get方法其实就是document.getElementById("ID")     on方法就是addListener('click',function(){})；两者一样
            zhangsan.fireEvent("play","广场");//fireEvent()这个方法就是触发事件，没有这个方法则不会触发
        });

 

当然，这三个步骤的内容都要放到Ext.onReady(function(){内容});  因为JS会先于HTML被解析。所以这个方法的目的是要等加载完HTML这些东西之后再去加载onReady里面的

 

注意：play1是一个节点的ID 比如：<span id="play1"></span>

    点击的时候触发play("参数")；这个方法。