Dojo中文使用手册.docVIP

Dojo中文使用手册

本手册针对0.9、1.0及1.x版本。

目录

快速安装

HelloWorld-第一个程序

程序调试

第一局部：使用Dojo-Dojo和Dijit例子

第一个例子：为什么一些人不填写表单？

第二个例子：总是点击两次

第三个例子：和技术人员交谈

第二局部Dijit-Dojo的小部件库

概述

共用特征

表单、验证和个性化的文本输入框

表单小部件

复选框、单项选择框、切换〔？〕

组合框〔ComboBox〕

下拉过滤选择框〔FilteringSelect〕

数字选择框〔NumberSpinner〕

滑尺〔Slider〕

文本输入域〔Textarea〕

文本框类〔验证、货币、数字、日期、时间〕

布局〔只讲一个tabContainer〕

命令控制

按钮、组合按钮和下拉按钮

菜单

工具菜单

用户使用帮助提示和反应

进度条

提示

对话框和工具对话框

页框〔TitlePane〕

高级功能〔只讲一个Tree〕

树〔Tree〕

第三局部：使用Dojo和Dijit与javascript协作

通用性

初始对象

模块

建立和设计小部件

自已设计小部件类

事件系统

异步交互XMLRequest(XHR)

拖拽

使用Dojo.Data接口

使用dojo.query选择DOM节点

回退按钮

其它功能

多个版本共处于一个页面

第四局部：调试

第五局部：Dojox扩展包

cometd(客户端)

dojox图表

dojox集合

dojox加密

dojox数据

dojox网格〔翻译〕

dojox离线〔翻译〕

快速安装

Dojo提供了三种安装方式:

使用美国在线(AOL)的内容分发网络(CDN)上的dojo.

在本地使用dojo的一个稳定版本.

从dojo网站的SVN效劳器上获取的最新代码.

使用内容分发网络(CDN)上的Dojo

这种方法非常的快捷!你能够通过添加一个script到美国在线(AOL)的内容分发网络(CDN)上,而无需占用你效劳器上的任何空间和资源.

所有在这本手册里出现的Dijit范例均通过此方法获取Dojo的js文件.你可以直接拷贝粘贴第1,2局部的任何例子到你自己的效劳器上就可以正常的运行了!在第3局部的例子中,因为很多是一些代码片段,所以我们将提醒您如何做一些更改以便使这些例子正常运行.

您可以使用:scripttype=text/javascriptsrc=://o.aolcdn/dojo/1.0.0/dojo/dojo.xd.js/script来引用Dojo的js文件

请参考:DojoAndAOL获取最新的引用链接.

使用本地的Dojo

如果您是Dojo的传统用户,你可以以以往的方式下载,安装,并且使用Dojo.

从?:///downloads下载最新的Dojo

解压缩文件到本地效劳器上.假设您将文件安装到/js目录下,其目录结构应该如下(注：dojo版本与本目录不相同，只有dojo、dijit、dojox三个子目录)。

从您的浏览器中翻开://yoursite/js/dijit/themes/themeTester.html你就能够看到如下页面:

这样你就已经成功安装Dojo了!

这篇教程的目的是提供一个新手学习和了解Dojo的窗口。虽然内容不可能覆盖所有的细节信息(因为过多的细节对新手可能会产生负面影响),但是我们任然尽量将Dojo的大局部特性都介绍给大家.至于那些介绍到的概念等信息,您可以参考本文末尾的连接(获取更多资源一节FindingMoreResources)

HelloWorld第一个程序

准备工作

首先你当然需要Dojo了。你可以到://获取稳定的版本.接着，你需要一个网络效劳器,无论是跑在Linux,Windows还是Mac上,Dojo的Javascript库均会从你的效劳器按需的下载到本地.不过,这个文档中的AJAX例子需要效劳器端的语言支持,如PHP,ASP等.

跑在客户端的Dojo以及Dijit代码已证实可以在IE6,7,Firefox2和Safari上正常运行.

建立Dojo

首先,你需要在效劳器端创立一个文件夹,取名为HelloWorldTutorial然后创立再创立一个取名为dojoroot.最后,使用任何解压缩工具将Dojo压缩包解压缩到/HelloWorldTutorial/dojoroot.目录结构如下:

正式开始

当我们完成了上述准备工作,我们需要将Javascript组件放入我们的HTML页面当中.代码如下:

html

?head

???titleDojo:HelloW