`
子衿青青
  • 浏览: 110889 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

浅析dojo中的有状态对象

 
阅读更多

Dojo 1.5 提出了一种“有状态对象”的概念. 这种有状态对象会遵循一个原则:通过 get()set() 去访问和修改对象的属性. 所以,获取一个widget对象的属性,我们用:



设置一个对象的属性,我们用:



get()和set()方法取代了原先的attr()方法,变得更加灵活易用。但是在dojo1.5中,为了向前兼容,attr()方法继续保留,但是其实现已经改变,attr()方法会直接调用widget对象的get()或者set()方法,所以我们强烈建议大家使用get()和set()方法。


dojo.Stateful 简介

Dojo同样提供了一种创建 有状态对象 的接口,他要用到dojo.Stateful模块,此模块提供了get()和set()接口,同时实现了一个watch()方法,此方法提供了一种监听对象状态变化的机制,基于dojo.Stateful,我们创建的对象已经不仅可以被我们自己读和写,而且可以被我们监听了。

1. 首先我们可以基于dojo.Stateful创建一个对象,设置price为9.99:



2. 然后,我们可以通过watch() 方法监听该对象属性(price)的变化:


3. 一旦该属性改变如下:


则上述第2步中的监听函数会被触发,打出当前的price值。

同样,我们也可以取消监听函数:


// 取消监听




Dojo.Stateful 发展趋势

Dojo1.5现在基本只提供了get()和set()方法,我们希望在dojo1.6中让dojo._Widget继承自dojo.Stateful,这样对于dijit中的所有widget我们都能监听器状态的变化,就像我们监听基本对象的属性变化一样。

我们同样也想将这种有状态的功能应用到Dojo Data中,甚至更大的范围,这样不论是dojo的 data store, widget, 又或是任何继承了Stateful的对象都能被监听。

其实,实现有状态对象最根本的动机是实现“数据的绑定”功能,比如说:我们需要一个对象的属性的值始终与另一个对象的某个属性的值保持一致,又或是当我们修改某个对象属性的同时,界面上会根据此对象属性的变化作出相应的变化,实现重新绘制(render)的效果; 这些需求我们都能通过有状态的对象来实现,我们所要做的就是对这些对象的属性实现一个“watch()”方法,并在方法中做出相应的实现即可。

现在,你已经可以用dojo.Stateful创建一个有状态的widget对象,并监听他属性的一举一动了。

分享到:
评论

相关推荐

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    3. **dojo/ready**:这个模块用于确保DOM加载完成后再执行指定的函数,它是Dojo中的一个实用工具,常用于页面初始化。 4. **dojo/store**:这是一个数据存储抽象层,提供了一种统一的方式来访问和操作数据,无论...

    DOjo中文使用手册

    使用CDN上的DOjo非常快捷,用户只需添加一个script标签到HTML文件中就可以使用DOjo。 DOjo的基本使用 DOjo是一个JavaScript库,提供了许多有用的功能,如DOM操作、事件处理、AJAX请求等。DOjo的使用需要一个网络...

    dojo中文文档-dojo手册

    《dojo中文文档-dojo手册》提供了全面而深入的Dojo框架知识,这是一份非常有价值的资源,对于想要理解和掌握Dojo JavaScript库的开发者来说至关重要。Dojo是一个强大的JavaScript工具包,它提供了丰富的功能,包括...

    dojo精品中文教程(全)

    Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...

    DOJO API 中文参考手册,附加注解实例(精心重新排版DOC文档)

    djConfig是Dojo的一个全局配置对象,允许开发者在加载Dojo库前预先设定各种配置参数,以影响Dojo的行为。例如,设置isDebug为true可以在开发过程中开启调试模式,baseScriptUri可以指定Dojo脚本的基础URI,...

    dojo精品中文教程(包二)

    Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...

    dojo 官方教程 中文翻译

    9. **dojo/Stateful**:提供状态管理的基类,常用于数据模型和组件的状态维护。 10. **dojo/Deferred和Promise**:用于处理异步操作的结果,是现代JavaScript中处理回调的常见方式。 11. **dojo/i18n**:国际化...

    DOJO API 中文参考手册

    9. **Dojo Stateful (dojo/Stateful)**: 这个基类为对象提供了属性观察和管理的功能,常用于Widget的状态管理。 10. **Dojo Build System**: Dojo的构建系统允许开发者优化和打包应用程序,去除未使用的代码,合并...

    DOJO 学习笔记 dojo

    模块(Module)是 Dojo 中的独立代码单元,每个模块代表一个特定的功能或者一组相关的函数和对象。通过使用模块,你可以按需加载所需的功能,避免将整个库加载到页面中,从而减少页面的加载时间。例如,`dojo.math` ...

    dojo中文文档

    dojo中文文档dojo中文文档

    DOJO中文手册【出自dojo中国】

    DOJO中文手册是针对JavaScript库Dojo的详细指南,源自中国的本地化版本,旨在帮助开发者理解和使用这个强大的工具包。Dojo是一个开源的DHTML工具集,由nWidgets、Burstlib和f(m)等多个项目的合并发展而来,因此被...

    dojo1.8.chm+dojo1.11中文入门pdf

    学习Dojo时,你需要理解它的模块系统、对象系统、事件处理、数据存储以及UI组件的使用。通过阅读chm和pdf手册,你可以深入理解这些核心概念,并利用它们构建高效、健壮的Web应用。在实际项目中,Dojo还可以与其他...

    Dojo官方教程中文翻译完美版

    10. **dojo/Stateful**:这个基类为对象提供了属性观察和设置机制,是Dojo中实现数据绑定的基础。 通过深入学习这个中文翻译教程,开发者不仅可以了解到Dojo的各个组成部分,还能学习到如何有效地组织和构建基于...

    最棒的AJAX框架DOJO中文手册

    Dojo 提供了 dojo.xhr 对象,用于简化AJAX请求。它支持GET、POST等多种HTTP方法,并可以处理JSON、XML、HTML等各种数据格式,同时提供了异步处理机制,增强了用户体验。 ### 2. Dojo Toolkit 的核心组件 - **dojo/...

    dojo精品中文教程(包一)

    Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...

    dojo中文手册

    Dojo 是一个基于 JavaScript 的开源工具包,旨在简化DHTML应用程序的开发,尤其注重解决跨浏览器的兼容性问题。...通过其模块化设计和对跨浏览器兼容性的关注,Dojo 成为了现代Web开发中不可或缺的一部分。

    dojo文档 dojo文档 dojo文档

    dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档

    AJAX的DOJO中文文档

    本篇将详细探讨DOJO中的AJAX相关知识。 1. **DOJO的dojo/_base/xhr模块** DOJO的核心模块`dojo/_base/xhr`提供了处理AJAX请求的基础API。主要包含xhr.get、xhr.post、xhr.put和xhr.delete等方法,分别对应HTTP的...

    Dojo 入门 + Dojo 工具包系列 + Dojo 使用技巧 ......

    在Dojo中,这些对象常用于配置参数、传递数据或作为函数的参数。此外,JavaScript函数可以作为对象的属性,它们可以被赋值、引用和传递,具有很高的灵活性,这与Java中的方法有所不同。 Dojo的另一个关键特性是它...

Global site tag (gtag.js) - Google Analytics