dojo入门笔记

2006 年初，dojo 还是0.22 的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo 的相关介绍总是让人望而生畏。 到现在都如此，第一个hello world 就搞了一大堆东西，比如widget 组件，自定义的script标签等，加上要引入什么css 文件，djConfig、dojo.require 等等，让人很迷惑，这么复杂，到底 dojo 该怎么使用呢？ 我只是想把 dojo 当作一个普通的js 类库，就像 prototype 那样？OK，闲话少说，来看看如何使用dojo。 第一步，引入dojo.js dojo 的发行包里有4 个子目录，要引入的文件是名叫"dojo"的子目录里的dojo.js。 假设你是这样的目录结构: project | +--dojo-lib | | | +--dijit | +--dojo | +--dojox | +--util | +--dojo_hello_world.html 开始使用dojo 现在开始使用dojo 的第一个函数:dojo.byId ，dojo.byId 就等同于常用的document.getElement 。 OK，是不是和普通的js 库一样，没有任何玄机？ dojo.addOnLoad 现在我们想在window.onload 里面处理一点东西，就像Ext.onReady，这个东西在dojo里叫做dojo.addOnLoad。 dojo.addOnLoad(function(){ var username = dojo.byId('username').value alert(username); }); dojo.connect OK，window.onload 搞定了，那么如何监听普通的 dom 事件呢？没问题，强大的dojo.connect 出场。 是不是和 prototype 的 Event.observe($('btnAdd'), "load", doAdd)差不多? 用 prototype 时最烦的就是那个长长的 bindAsListener 了，使用 dojo.conncect，可以在第三个参数中指定当前的 scope： var name = "Mark" function sayHello() { alert("Hello " + this.name); } var obj = { name: "Karl" } dojo.addOnLoad(funct...