Ext.util.Observable用法

Ext.util.Observable

闲话不说，先来段说明：
Base class that provides a common interface for publishing events. Subclasses are expected to to have a property "events" with all the events defined, and, optionally, a property "listeners" with configured listeners defined.

简单一句话，”鸡肋“（基类）为了发布事件提供了一个通用接口，如果谁想在自己自定义的插件中安插自己的“奸细”，那好，恭喜你，找到突破口了，就是它，接下来举例子：

Ext.namespace('Hanshibin.user');

Hanshibin.user.name=Ext.extend(Ext.util.Observable,{
    constructor:function(config){
        this.name=config.name;
        this.id=config.id;
        this.addEvents("fire","quite");
        this.listeners=config.listeners;
        Hanshibin.user.name.superclass.constructor.call(this,config);
    }
});

var username=new Hanshibin.user.name({
    name:"hanshibin",
    id:"001",
    listeners:{
        "fire":function(){alert('2222');}
    }
});

username.fireEvent('fire');

稍作解释：

1、 this.addEvents("fire","quite");
如果不加“fire”，我们还会看到我们的结果，因此，事件的触发和这里没有关系。
这个的作用就是： to have a property "events".
events属性里面会显示你添加事件,这样，你再on("绑定事件")的时候就会执行，否则就报error了。
如果你不想on，那就可以不用注册，直接在listener中添加即可。

2、constructor：
一定要实现它，否则你new一个对象，就不会给你初始化参数了，observable就指着它给你做饭那。

3、可能有的人对这里   Hanshibin.user.name.superclass.constructor.call(this,config);有点疑问，
其实这个就是 js的普通触发函数，在执行的时候实际上执行的是this这个对象的constructor函数。











引自：
http://tieba.baidu.com/p/802936612











-