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对象,并监听他属性的一举一动了。
分享到:
相关推荐
3. **dojo/ready**:这个模块用于确保DOM加载完成后再执行指定的函数,它是Dojo中的一个实用工具,常用于页面初始化。 4. **dojo/store**:这是一个数据存储抽象层,提供了一种统一的方式来访问和操作数据,无论...
使用CDN上的DOjo非常快捷,用户只需添加一个script标签到HTML文件中就可以使用DOjo。 DOjo的基本使用 DOjo是一个JavaScript库,提供了许多有用的功能,如DOM操作、事件处理、AJAX请求等。DOjo的使用需要一个网络...
《dojo中文文档-dojo手册》提供了全面而深入的Dojo框架知识,这是一份非常有价值的资源,对于想要理解和掌握Dojo JavaScript库的开发者来说至关重要。Dojo是一个强大的JavaScript工具包,它提供了丰富的功能,包括...
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
djConfig是Dojo的一个全局配置对象,允许开发者在加载Dojo库前预先设定各种配置参数,以影响Dojo的行为。例如,设置isDebug为true可以在开发过程中开启调试模式,baseScriptUri可以指定Dojo脚本的基础URI,...
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
9. **dojo/Stateful**:提供状态管理的基类,常用于数据模型和组件的状态维护。 10. **dojo/Deferred和Promise**:用于处理异步操作的结果,是现代JavaScript中处理回调的常见方式。 11. **dojo/i18n**:国际化...
9. **Dojo Stateful (dojo/Stateful)**: 这个基类为对象提供了属性观察和管理的功能,常用于Widget的状态管理。 10. **Dojo Build System**: Dojo的构建系统允许开发者优化和打包应用程序,去除未使用的代码,合并...
模块(Module)是 Dojo 中的独立代码单元,每个模块代表一个特定的功能或者一组相关的函数和对象。通过使用模块,你可以按需加载所需的功能,避免将整个库加载到页面中,从而减少页面的加载时间。例如,`dojo.math` ...
dojo中文文档dojo中文文档
DOJO中文手册是针对JavaScript库Dojo的详细指南,源自中国的本地化版本,旨在帮助开发者理解和使用这个强大的工具包。Dojo是一个开源的DHTML工具集,由nWidgets、Burstlib和f(m)等多个项目的合并发展而来,因此被...
学习Dojo时,你需要理解它的模块系统、对象系统、事件处理、数据存储以及UI组件的使用。通过阅读chm和pdf手册,你可以深入理解这些核心概念,并利用它们构建高效、健壮的Web应用。在实际项目中,Dojo还可以与其他...
10. **dojo/Stateful**:这个基类为对象提供了属性观察和设置机制,是Dojo中实现数据绑定的基础。 通过深入学习这个中文翻译教程,开发者不仅可以了解到Dojo的各个组成部分,还能学习到如何有效地组织和构建基于...
Dojo 提供了 dojo.xhr 对象,用于简化AJAX请求。它支持GET、POST等多种HTTP方法,并可以处理JSON、XML、HTML等各种数据格式,同时提供了异步处理机制,增强了用户体验。 ### 2. Dojo Toolkit 的核心组件 - **dojo/...
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
Dojo 是一个基于 JavaScript 的开源工具包,旨在简化DHTML应用程序的开发,尤其注重解决跨浏览器的兼容性问题。...通过其模块化设计和对跨浏览器兼容性的关注,Dojo 成为了现代Web开发中不可或缺的一部分。
dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档
本篇将详细探讨DOJO中的AJAX相关知识。 1. **DOJO的dojo/_base/xhr模块** DOJO的核心模块`dojo/_base/xhr`提供了处理AJAX请求的基础API。主要包含xhr.get、xhr.post、xhr.put和xhr.delete等方法,分别对应HTTP的...
在Dojo中,这些对象常用于配置参数、传递数据或作为函数的参数。此外,JavaScript函数可以作为对象的属性,它们可以被赋值、引用和传递,具有很高的灵活性,这与Java中的方法有所不同。 Dojo的另一个关键特性是它...