dojo源码

‘壹’ 如何添加 Dojo Gridx 的工具条自定义组件

Gridx 是基于 Dojo 的开源项目，在 GitHub 或者其官网都可以下载到源码包。下载解压后将 Gridx 文件夹置于与 Dojo、Dijit 和 Dojox 等文件夹同级的目录即可。目前 Gridx 支持 Dojo1.80+。
创建基于 Gridx 的 Grid，实现代码如下：
require([
"gridx/Grid",
"gridx/core/model/cache/Sync",
......
"dojo/domReady!"
], function(Grid, Cache, ......){
......
var grid = new Grid({
cacheClass: Cache,
store: storeName,
pageSize : defaultPageSize,
query: queryName,
structure: columnStructure,
moles: [
mole1,
mole2
…
],
molePropertyName1,
molePropertyName2,
…，
'class': 'GridxClass'
});
grid.placeAt('gridContainerNode');
grid.startup();
});

Gridx 以 Dojo 的 store 作为数据源，但是需要用户指出所用的 store 是异步还是同步的。异步的 store 通常由服务端提供数据，向它请求的数据需要异步地被接收。而同步的 store 一般都一次性的加载到客户端。用户可以通过设置 cacheClass 参数，将这个信息告知 Gridx。Query 参数是用来确定数据请求的地址，而 structure 参数则是用来确定数据之间的相关性。
上面的参数是初始化一个 Grid 的必要参数，而 moles 参数则是作为可选的模块，供用户进行功能性选择的处理。我们在这里描述的工具条组件也是其中之一。通过在 moles 参数里面进行注册的模块，我们可以动态的注入一些新的可视化组件。最下模块参数则是供用户进行特殊模块的特别参数初始化。

‘贰’ 怎么使用Dojo

Dojo●什么是Dojo？
Dojo是一个用javaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f(m))，这也是为什么叫它a unified toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些、长期存在 、历史问题，以及DHTML 跨浏览器问题。
Dojo能够让你更容易使Web页面具有动态能力，或者在任何能够稳定支持JavaScript语言的环境中发挥作用。
Dojo有以下的特征：
1、利用Dojo提供的组件，你可以提升你的web应用程序可用性、交互能力以及功能上的提高。
2、也可以更容易的建立互动的用户界面。同时Dojo提供小巧的动态处理工具。
3、利用它的低级API和可兼容的代码，能够写出轻便的、单一风格（复杂）的JavaScript代码。Dojo的事件系统、I/O的API以及通用语言形式是基于一个强大编程环境。
4、通过Dojo提供的工具，你可以为你的代码写命令行式的单元测试代码。
5、Dojo的扩展包能够使你自己的代码更容易维护，耦合性更低。
Dojo通过很少的代码完成了以上的功能。当你写脚本时，只需要包含很少的js文件，也可以选择的（包含）下载dojo提供的庞大的功能。
---------------------------------------------------------------------------------------
（转）Dojo是一个非常强大的面向对象的JavaScript的工具箱, 建议能够去复习一下JavaScript下如何使用OO进行编程的, 这对于你以后阅读Dojo Source有很大的用处
请大家下载dojo 0.3.1, 以下的说明均针对此版本
1: 把Dojo加入到我们的Web程序中
1.1 标志
<script type="text/javascript">
djConfig = { isDebug: false };
</script>
djConfig是Dojo里的一个全局对象, 其作用就是为Dojo提供各种选项, isDebug是最常用的属性之一, 设置为True以便能够在页面上直接看到调试输出, 当然其中还有些属性与调试有关, 这里就不啰嗦了
1.2 引用 dojo 的启动代码
<script type="text/javascript" src="/yourpath/dojo.js" />
这样你就引用了dojo的代码, 并可以直接使用其中部分常用的对象, 下载下来的dojo.js是压缩(remove comments and space)后的代码, 要阅读的话,建议阅读dojo.js.uncompressed.js, dojo.js大概有127K, 而未压缩前有211K, ok, 为什么会这么大呢, 原来其已经把部分常用的模块整合进dojo.js里, 因此显得大了一点, build.txt里就说明了默认的dojo.js包含了哪些模块
1.3 声明你所要用到的包
<script type="text/javascript">
dojo.require("dojo.math");
dojo.require("dojo.io.*");
dojo.require("dojo.widget.*");
</script>
你就把这些代码当成是java的import语句或C#中的using语句一样, 如果你不require的话, 而模块本身又没有整合在dojo.js中, 是会出现脚本错误的喔
2. 针对不同需求提供的预整合包
Dojo本身是由许多模块所组合而成的, 但是由于用户需求的多样性, dojo针对不同的需求而提供了不同的版本, 用户在下载dojo的时候就看见可以选择很多的版本, 比如Ajax版和Widget版, 每个版本最重要的区别就在于dojo.js文件, 但是除此之外, 每一个版本都是全功能的, dojo.js根据版本的不同而整合进了不同的模块
3. 直接获取Dojo的最新源代码
......
模块
Dojo的代码被划分为逻辑单元称之为模块, 这有点类似于Java中的package,除了dojo的模块能够包含类 (类似于java中的classes)和简单函数
比如: 模块"dojo.html"包含了一系列的函数, 比如dojo.html.getContentBox(), 模块"dojo.dnd"包含了一系列的HtmlDragObject的类
注意名称约定, 函数的首字母为小写字母,类的首字母为大写
模块也可以称之为"命名空间"
包
在多数情况下, dojo的模块只需要定义在一个文件就可以了, 但有时, 一个模块可能划分到多个文件, 比如: 模块dojo.html, 本来是定义在一个文件中, 可是由于功能的增强, 文件逐渐变大, 我们不得不将其拆分为多个文件, 这主要是为性能考虑, 以便浏览器可以只下载其需要用到的代码, 不幸的是其实现细节对于dojo的用户看起来不那么透明, 你必须知道你想要用到的功能到底是包含在哪个文件, 然后才能require并使用它，这样的每一个文件都称之为一个包

‘叁’ dojo 1.91 html文件放到其它子目录里再调用.././dojo.js火狐3就报错 NS_ERROR_DOM_BAD_URI IE正常 为什么

尊敬的用户，您好！很高兴为您答疑。
据错误提示来看，这应该是您引用路径存在问题，或者您的服务器进程没有权限读写您所设置的路径所致。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

‘肆’ Web前端开发框架有哪些

目前常用的一些前端的框架如下：
1. Bootstrap

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的，主要包括四部分的内容：

脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。

Bootstrap已经足够强大，能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。

jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似，这是一个为jQuery mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装，修改，更新以及优化都很简单方便。
StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
Bootswatch —— 提供大量免费的Bootstrap主题。
Bootsnipp —— 在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。
LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
2、flex
Apache基金会发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本
需要注意的是
2014年03月10日，Apache Flex技术社区发布了全新的Apache Flex 4.12.0版本，该版本是Apache Flex 4.11.0的升级版本，改进的功能包括：
◆支持最新版本的Flash Player
◆支持最新的AIR运行时
◆改进了内存占用和性能
◆改善了针对移动平台的组件的样式
◆支持iOS7系统
◆修复了超过80个漏洞[4]
2014年05月10日，Apache对4.12.0版本进行优化改进，发布了Flex 4.12.1，新版本加入对全新Flash Player及Air运行时的支持，改进对移动媒体查询的支持，并修复20多个Bug。
3、extjs
ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。
功能丰富，无人能出其右。
无论是界面之美，还是功能之强，ext的表格控件都高居榜首。
华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！

4、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。
但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦！不过一个比较大的优势是开源免费，并且界面做的还说的过去！
5、MiniUI
又一个基于jquery的框架，开发的界面功能都很丰富。
jQuery MiniUI – 快速开发WebUI。
它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。
使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
界面做的挺不错，功能也挺丰富，但是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发如果想对功能做扩展就需要找他们的团队进行升级！
6、jQuery UI
jQuery UI 是一套 jQuery 的页面 UI 插件，包含很多种常用的页面空间，例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！
7、DWZ
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。
毕竟是国产的，支持一下，而且源码完全公开，可以选择一下！不过性能怎么样不敢确定！
8、GWT
Google 网页工具包——GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。
你不用去了解这样那样的javascript框架，通过java你就可以写出功能丰富的界面，可以做单元测试，毕竟是google的产品，严重支持一下！
9、YUI
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证，基本上没怎么研究过！
YUI Compressor倒是挺出名的，这套UI库不知道应用的情况怎么样！
10、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。
大公司的框架，并且是几样库的强强联合，值得推荐！
11、Dojo
在国内应用好像不是很广，不过性能上应该没问题。
Dojo是一个用javascript语言实现的开源DHTML工具包。
有多个基金会的支持，包括IBM和SUN，都是软件界的泰斗，值得信赖！
12、ZK
ZK是 一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。最大的好处是，在设计AJAX网络应用程式时，轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动（event-driven）、高互动性的引擎，同时还提供了多样丰富、可重复使用的XUL与HTML组件，以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
功能丰富，全面，文档齐全，而且升级了很多次，非常值得推荐！
13、OperaMasks-UI
OperaMasks- UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前，该团队已将这一产品以LGPL 开源协议开放给社区。
文档丰富，功能齐全，而且很容易使用和开发！而且是国产的哟！
14、JavaFX
Sun 公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言（以下称为JavaFX）是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景，包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型，它同样具有结构化代码、重用性和封装性，如包、类、继承和单独编译和发布单元，这些特性使得使用Java技术创建和管理大型程序 变为可能。

‘伍’ dojo是什么

1.dojo是一款javascript框架，提供很多javascript UI, 2. dojo的程序支持，正常来讲我们都是做web工程的时候用到，要用到dojo的源文件包，如果你javascript可以的话，可以直接参考里面的源码，对代码进行分析，如果只是用里面提供的UI类创建自己的DOM，这些可以很快上手。
3.配置dojo，原则上是只要能正确把 使用<script src='[dojoroot]/dojo/dojo.js'>放入你的web page 中 就可以。
我使用过java做web开发，是这样配置的，可以帮助理解下，我以tomcat容器为例，使用eclipse环境开发。首先放置 dojo包至你的web容器重 即 ，【tomcat root】/webapps 下，然后在eclipse中创建web app project，将你的web工程与你的web容器关联，这时候可以在你的index.jsp中使用dojo的东西做开发了，别忘记加 <scriipt src = [dojoroot]/dojo/dojo.js>至你的index.jsp中。使用dojo开发的细节，你要自己参考一下相关的东西了

‘陆’ Dojo到底有什么好用的，一大堆需要引用的js文件，不臃肿吗！

你用的dojo都是老版本了， 现在都出1.10了， 在dojo1.8已后都已经采用了AMD模式， 做到了按需加载， 并dojo本身属于企业级应用的JS框架，为开发者提供大量UI、Tool、Ajax等类库，可以使开发者不用关注浏览器兼容性问题来开发系统。
本身dojo的JS编程方式比较OO， 深入学习后， 你会发现你可以通过dojo来定义属于自己的UI库、模块库等，还是比较爽的。
缺点就是对HTML的侵入性比较严重， 目前还没有看到MVVM的加入， 学习资料很少很难入门。

‘柒’ 谁告诉我 网站源码 用什么软件容易编辑 本人0基础

你是学习还是要建网站。这个要看源码是神魔语言了，sublime text ，
eclispe 这是我们常用的。有疑问可以扣我，望采纳！

‘捌’ 这种网站的源码是什么

你可以去酷安下载应用 一个木函

‘玖’ 如何使用Dojo的DatePicker控件制作联动日期选择器

在开发系统的调查功能时，需要设计一个可以联动的开始日期/结束日期选择器用来设定用户的调查的起始/结束日期。对于这个联动的日期选择器，我们的设计要求是这样的：

在新增调查时，该调查的开始日期默认为今天，而结束日期则不能选择成今天之前的日期；
当用户修改开始日期时，将判断当前用户设定的结束日期，如果结束日期在修改后的开始日期之后，则不修改结束日期，而如果结束日期变成了在修改后的开始日期之前时，则修改结束日期，和开始日期为同一天，并且设定用户不能选择开始日期之前的日期为结束日期；
修改结束日期时，不能选择开始日期之前的日期。

针对这样的要求，决定使用dojo的日期选择控件 DatePicker / DropDownDatePicker 来实现。

P_1167283844_0.JPG
最终的效果，联动的DatePicker，注意20日之前的日期都是不能选择的

针 对第1和第3点要求，dojo的 DatePicker / DropDownDatePicker 可以轻易的实现，可以通过设置 DatePicker / DropDownDatePicker 的 value 和startDate这两个属性实现。而要这个需求的难点在于两个DatePicker之间的联动，也就是说，要动态的根据第一个DatePicker的 值来设定第二个DatePicker的startDate属性。但是不幸的是，dojo没有提供直接的动态修改 DatePicker 的 startDate / endDate 的方法。虽然我们可以随时修改DatePicker的startDate属性，但是，在UI（日期选择界面）却不会发生变化，达不到我们想要的效果。

dojo提供了一个onValueChanged的事件，我们可以为第一个DatePicker添加这个事件的触发器，触发后调用我们自己写的 Javascript函数。而在这个函数里我们要解决的问题就只有修改第二个DatePicker的startDate属性（这个很简单），并让UI即时 生效（问题就在这里）了。

在仔细研究了dojo的DatePicker的源代码后发现，startDate仅仅是这个 DatePicker控件的一个单纯的属性，修改它并不会在内部触发任何改动UI的事件。所以，我们要做的就变得很简单了——想办法重绘UI就可以。不幸 中的万幸是，我们找到了_preInitUI()这个内部的方法，它可以绘制DatePicker的UI。

一切明朗后，就变得很简单了。看看代码片断吧，很轻松的实现了两个DatePicker / DropDownDatePicker控件的联动。

HTML4STRICT代码：

开始时间：<input dojoType="dropdowndatepicker" id="startdate" name="start" value="today" displayFormat="yyyy-MM-dd" onValueChanged="checkEndDate" />
结束时间：<input dojoType="dropdowndatepicker" id="enddate" name="end" displayFormat="yyyy-MM-dd" />

注意看上面HTML代码中的第一个DropDownDatePicker控件的属性：

value设置为today则会默认带出今天的日期
displayFormat设置时间显示格式（便于后台程序转换成timestamp导入DB）
onValueChanged则设置了触发名为checkEndDate的自定义Javascript函数
再看看Javascript代码片断：

JAVASCRIPT代码：

function g(id) {
return document.getElementById(id);
}
function w(id) {
return dojo.widget.getWidgetById(id);
}
function checkEndDate(){
var func=function(){
//得到新的修改后的开始日期和当前的结束日期
starttime=w('startdate').getDate();
endtime=w('enddate').getDate();
//开始日期是否在结束日期之后？
if (starttime>endtime) {
//开始日期在结束日期之后，修改结束日期等于开始日期
w('enddate').setDate(starttime); //时间戳
w('enddate').value=w('startdate').inputNode.value; //字符串值
}
//设定结束日期的startDate属性，限制用户选择开始日期之前的日期
var startDate=dojo.date.fromRfc3339(w('startdate').inputNode.value).setHours(0,0,0,0);
w('enddate').startDate=w('startdate').inputNode.value;
w('enddate').datePicker.startDate=startDate;
//得到结束日期的当前月份
var d = new Date(w('enddate').datePicker.curMonth);
//利用_preInitUI()重绘结束日期的UI（当前月）
w('enddate').datePicker._preInitUI(d,false,true);
}
//延时500毫秒执行
window.setTimeout(func,500);
}

怎 么样，很简单吧？不过你也许要问，为什么要延时500毫秒执行呢？原因是这样的，一开始浏览器在绘制页面的时候，设定开始日期为今天，这一动作同样会触发 onValueChanged事件。但这时候，因为结束日期的DatePicker控件还未被浏览器绘制完成，所以导致触发onValueChanged 事件后，Javascript无法执行成功，根本get不到enddate这个element。所以，我采取了onValueChanged事件触发后 500毫秒后执行Javascript程序，这时候，再慢的电脑都已经render完这个element了，执行Javascript就不会出错了，而且 对于用户，也没什么感觉。当然，你也可以写一个onLoad事件的Javascript函数在页面加载完成后再给startdate这个element赋 值。这都是问题的解决办法，怎么使用完全取决于你。

‘拾’ 如何在Android中结合使用PhoneGap和Dojo Mobile

在编写本文时，Dojo 的最新的稳定版本是 1.6.1。要立即开始使用 Dojo Mobile 1.7，则需要从一个 Subversion
存储库中下载 Dojo Toolkit 最新的版本。svn 命令行工具通常已预先安装在 Mac OS X 和 Linux® 操作系统上。如果使用
Windows®，那么您可能需要先下载和安装这些工具。有关的更多信息，请访问 Subversion 站点。

假设您已经安装了 Subversion，并且正在使用基于命令行的工具，那么您可使用以下命令迁出最新的 Dojo 版本。该命令会下载完整的 Dojo
Toolkit 源代码，所以预计会花一段时间。

?1svn checkout http://svn.dojotoolkit.org/src/view/anon/all/trunk
dojo-toolkit-readonly

当完成迁出后，您将在一个名为 dojo-toolkit-readonly 的新目录中拥有 Dojo Toolkit
的完整源代码。将此目录复制或移动到您 Web 服务器上的一个位置，以便您能够在 HTML 文档中使用它。将它重命名为更短的名称，比如
dojo-toolkit，然后就可以开始使用 Dojo 了。

如果愿意的话，可以仅下载您想要的 Dojo Toolkit 部分。一些人发现首先下载完整版本，然后丢弃不需要的部分更容易一些。Dojo
的源代码没有压缩且比较大，所以不建议在生产应用程序中使用它。

清单 1 给出了 Dojo 应用程序的基本结构。Dojo Mobile 1.7
中新增了deviceTheme类，它将自动确定要为您使用的设备加载的准确主题。您无需检测用户的浏览器并提供相关的 CSS 文件。

当完成迁出后，您将在一个名为 dojo-toolkit-readonly 的新目录中拥有 Dojo Toolkit
的完整源代码。将此目录复制或移动到您 Web 服务器上的一个位置，以便您能够在 HTML 文档中使用它。将它重命名为更短的名称，比如
dojo-toolkit，然后就可以开始使用 Dojo 了。 如果愿意的话，可以仅下载您想要的 Dojo Toolkit
部分。一些人发现首先下载完整版本，然后丢弃不需要的部分更容易一些。Dojo 的源代码没有压缩且比较大，所以不建议在生产应用程序中使用它。请参阅
参考资料，了解有关创建自定义 Dojo 构建版本来提升 Dojo 应用程序性能的信息。

清单 1 给出了 Dojo 应用程序的基本结构。

如果将清单 1 中的代码保存到文件中，在 Web
浏览器中打开此文件，将会看到一个灰色背景，再没有任何内容。这没什么用，所以让我们在应用程序中添加一些内容。本文中的示例使用了非标准的 Dojo Mobile
类，所以需要用dojo.require加载它们。在dojo.require("dojox.mobile");行的后面，添加清单 2 所示的代码。

人工加载 Dojo Mobile 类

6dojo.require("dojox.mobile.ScrollableView");

dojo.require("dojox.mobile.SwapView");

dojo.require("dojox.mobile.IconContainer");

dojo.require("dojox.mobile.Button");

dojo.require("dojox.mobile.SpinWheelDatePicker");

dojo.require("dojox.mobile.SpinWheelTimePicker");

现在，可以添加 "Hello World" 应用程序的主要代码。本文中的示例使用了 Dojo Mobile 的声明式语法，这意味着要使用带特殊
Dojo Mobile 属性的常规 HTML 标记，在运行时解析 Dojo Mobile 属性。在代码的部分中，添加清单 3 中的代码。

Hello, World!

First Section

This is a nice standard rounded rectangular label.

Second Section

List Item 1

List Item 2

List Item 3

List Item 4

List Item 5

上述代码定义了一个ScrollableView，它构成主要的应用程序界面。标准的View类与ScrollableView类之间的主要差异是：标准的View使用标准的浏览器机制来滚动页面。ScrollableView类有自己的滚动机制，可以像原生应用程序一样固定应用程序中的页眉和页脚，滚动它们之间的内容。

在ScrollableView中有一个Heading，它是包含文本 “Hello, World”
的标题栏。通过在这个对象上设置属性fixed="top"，Dojo Mobile
会将这个标题一直留在屏幕顶部，滚动它下面的其他内容。RoundRectCategory对象为圆形的列表或单一列表项定义了一个组标题。第一个类别后面是一个RoundRect框，其中包含一些静态文本。然后是另一个类别标题和RoundRectList对象，该对象包含一系列ListItem对象。