Ext.util.Observable用法

最新推荐文章于 2018-12-19 11:45:00 发布

iteye_3352

最新推荐文章于 2018-12-19 11:45:00 发布

阅读量223

点赞数

分类专栏： ext 文章标签： Ext.util.Observable

本文链接：https://blog.csdn.net/iteye_3352/article/details/82523282

版权

ext 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

[b]Ext.util.Observable[/b]

闲话不说，先来段说明：
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函数。

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

-