`
zc-111
  • 浏览: 119633 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext中观察模式

    博客分类:
  • Ext
阅读更多
Ext.util.Observable(观察者)

观察者( Observable ,或订阅者 subscribe r )模式 常 用于对象间的解藕,方便清楚了解其它对象的状态。观察者使用事件的概念,当主题的状态有所改变,那么主题就会是触发事件。换言之,状态一改变,主题辖下的 订阅者就会接收到通知。为达到如此的灵活性,实现解藕编程模型,很多Ext类就从Observable继承。创建一个自定义事件的类定很简单:
var MyClass = Ext.extend(Ext.util.Observable, {
constructor: function(config){
this.addEvents('datachanged'); // 声明打算触发的事件
MyClass.constructor.call(this, config);
},
update: function(){
// 执行数据更新
// 对订阅者送入我们指定的参数
this.fireEvent('datachanged', this, this.data.length);
}
});
// 进行事件的订阅
var c = new MyClass();
c.on('datachanged', function(obj, num){
// 数据变化事件的反应
});
分享到:
评论

相关推荐

    Ext中文帮助文档(Ext常见界面源码,及类库方法详解)

    2. Ext.util.Observable:观察者模式实现,用于事件监听和触发。 3. Ext.data.Store:数据存储,与数据源进行交互,支持远程数据加载和本地数据存储。 4. Ext.grid.GridPanel:表格组件的主要类,包含了数据绑定、列...

    Ext API详解--笔记

    `EXT核心API详解(一) - Ext类.txt`介绍了Ext的基础类,包括`Ext.util.Observable`(观察者模式的实现)、`Ext.app.Application`(管理应用生命周期)等。理解这些类的用法对于构建可维护的应用至关重要。 4. **Ext...

    ext开发人员ppt

    观察者模式是设计模式中的一种,EXT中实现为事件监听器。Observer在EXTJSObservable.ppt中被重点讨论,它描述了如何通过订阅和发布事件来实现对象之间的解耦。开发者可以注册监听器来响应特定事件,而无需直接引用...

    ext源码分析

    1. MVC模式:EXT采用MVC模式组织代码,将业务逻辑(Model)、用户界面(View)和控制逻辑(Controller)分离,降低了代码的耦合度。Model负责数据的管理和操作,View负责展示数据,Controller处理用户的交互事件,...

    Ext core 3.1.0的一个大Bug

    标签“源码”表明问题可能与代码实现有关,可能涉及到JavaScript的语法、设计模式、或者Ext JS库内部的实现细节。“工具”标签则提示我们这个问题可能会影响到使用Ext JS开发的应用程序,开发者可能需要借助调试工具...

    Ext官方PPT,强烈推荐

    本篇知识分享将基于“Ext官方PPT”中的内容,重点讲解ExtJS的核心概念、事件系统以及类与观察者模式。 1. **ExtJS概述** - ExtJS由Sencha公司开发,广泛应用于企业级Web应用,因为它提供了一整套可重用的UI组件,...

    ExtJS设计模式

    在ExtJS中,`Ext.Template` 类使用该模式来处理HTML模板的渲染过程。 #### 结语 通过对这些设计模式的理解与运用,开发者不仅能够更好地掌握ExtJS的核心理念,还能有效地提升项目的开发效率和代码质量。希望本文...

    Ext official doc - class-event-observer

    在Ext中,类事件观察者(Class Event Observer)是一种设计模式,它允许类级别的事件订阅和发布。这意味着你可以在类定义阶段就设置事件监听器,而不是在实例化对象后。这种模式提高了代码的可维护性和灵活性,因为...

    WEB开发常用API,包括EXT、HIBERNATE、JDK、SPRING、JQUERY,还有一份设计模式帮助文档

    这份文档可以帮助开发者理解和运用如工厂模式、单例模式、观察者模式等经典设计模式,提升代码的可读性和可维护性。 这些API文档和设计模式指南构成了一个全面的WEB开发参考资料库,无论你是初学者还是经验丰富的...

    Ext-3.0 源代码

    4. **事件模型**:ExtJS的事件模型基于观察者模式,使得组件之间可以互相监听和响应事件,增强了代码的模块化和可维护性。 5. **AJAX和AjaxProxy**:Ext.Ajax类提供了发送异步请求的功能,而AjaxProxy是数据包的一...

    ext 3.x源码中文翻译

    通过观察者模式,当数据源发生变化时,相关的UI组件会自动更新。源码中的注释可以帮助理解如何配置和触发数据绑定。 2. 组件体系结构:EXTJS的组件(Component)是其核心构造块。每个组件都有自己的生命周期、渲染...

    ext医院管理源码+java源码整理

    标题中的“ext医院管理源码+java源码整理”表明这是一个关于医院管理系统的软件开发项目,使用了Java编程语言,并且包含EXT库的使用。EXT是一个JavaScript库,常用于构建富客户端的Web应用,它提供了丰富的UI组件和...

    ext js教程PPT

    在事件处理机制方面,ExtJS提供了一种基于观察者模式的事件系统。组件可以监听和触发事件,使得组件之间能够有效地通信。例如,你可以为按钮添加点击事件监听器,当用户点击按钮时执行特定的功能。此外,ExtJS还支持...

    ext+js深入浅出

    - **Ext.util.Observable**:这是一个核心类,实现了观察者模式,使得组件能够响应外部事件。 - **Ext.EventManager**:用于管理全局事件监听器,简化了事件的注册和解绑过程。 - **Ext.EventObject**:表示事件对象...

    ext2.0.2

    关于设计模式,Store与外部组件的通信主要依赖于观察者模式,实现了组件间的松耦合。然而,Store将Reader作为参数传递给Proxy的load方法,这可能导致Reader和Proxy之间的耦合。理想情况下,Proxy完成数据加载后应...

    精通JS脚本之ExtJS框架.part1.rar

    4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的事件 4.4.1 Function.call()/apply()方法 4.4.2 函数的作用域 4.4.3 Ext.lib.Event事件 4.4.4 Ext.util.Observable事件 4.4.5 Ext....

    G4Studio_V3.0 Ext非常详细的例子

    通过观察者模式,你可以看到如何实时更新界面以反映数据变化。 二、ExtJS表单 表单在Web应用中扮演着至关重要的角色。G4Studio_V3.0包含了各种表单元素(如文本框、下拉框、复选框等)和验证机制的示例,展示了...

Global site tag (gtag.js) - Google Analytics