掌握Dojo工具包，第8部分: 明日之星 - DojoX

掌握Dojo工具包，第8部分: 明日之星 - DojoX2010-07-04 IBM 马冀郑志明Dojo 作为最著名的 Ajax 开源项目之一，不仅让 Web 程序员可以免费获得和使用其框架进行 Web 应用的开发，更吸引了大量的开发者对其不断的扩充，开发新的组件。DojoX 就是在这样的开发社区中产生的。DojoX 是一组基于 dojo 的开源项目的集合，这些开源项目具有很好的创意和很高的实用性。这些 DojoX 项目有可能成长为一个稳定的版本保留在 DojoX 中，也有些可能会迁移到 Dojo Core 或者 Dijit 中。本文将对 DojoX 中的项目进行一个总体的概述，并结合实例介绍其中较为有特色的项目，本文主要会介绍 DataGrid，Charting，Gfx/Gfx 3D 和 DojoX Widget。

认识 DojoX

目前 DojoX 项目主要扩展了数据结构与算法、数据处理与通信、实用工具、图形 API 以及 Web UI 等。

涉及到数据结构与算法的项目包括了 DojoX Collections、DojoX Encoding 等。Collections 定义了很多非常有用的数据集合，包括了数组（ArrayList）、二叉树（BinaryTree）、字典（Dictionary）、迭代器（Iterator）、队列（Queue）、有序列表（SortedList）、堆栈（Stack）。这些集合的使用将大大提高程序开发的效率以及程序的质量。Encoding 不仅提供了字符串与字符编码的转换，还提供了对称算法河豚（Blowfish）和 MD5 数字摘要算法等。

DojoX Data、Embed、I/O、JSON、XML、RPC 等扩展了 Dojo 的数据处理与通信能力。其中，Data 项目提供了对更多数据格式的支持，包括了对 csv 文件以及 Google、Picasa 等提供的 API 的支持等等。

DojoX 的图形 API 扩展了 Dojo 的动画效果，并提供了 2D、3D 绘图的支持。DojoX Fx 通过对 dojo core 以及 dojo fx 的扩展提供了多种动画效果；gfx 提供了一系列矢量绘图的方法；而 gfx3d 则提供了一些简单的 3D 绘图 API。

而更加丰富的 Web UI 以及 Web 小部件也是 DojoX 的一大亮点。功能强大的 Grid、实用的 Charting、以及 DojoX Image 和 DojoX Layout 使得基于 dojo 开发的 Web UI 更加丰富。DojoX Widgets 中还提供了更加丰富的小部件可以满足大部分应用开发的需求。

除以上介绍的项目外，DojoX 还收集了很多实用工具，读者可以在 dojo API 网站上获得更多的信息。http://api.dojotoolkit.org/

接下来我们就来体验一下 DojoX 给我们带来的精彩吧

注意：本教程使用的 dojo 版本为 1.2.1，由于 1.2.x 版本里 dojo 以及 dojoX 的部分组件有较大变化，因此本文仅适用于 dojo1.2.x，对于 dojo1.0 的开发者本文仅供参考，部分代码不能正确运行

DojoX DataGrid

Grid 可能是 DojoX 中最受欢迎的部件，比起普通的 Web 表格部件，Grid 更像一个基于 Web 的 Excel 组件。这使得 Grid 足可以应付较为复杂的数据展示及数据操作。在 dojox1.2 中，dojox.grid 包中新增了 DataGrid 类，该类是对原 Grid 类的强化和替代，之所以叫做 DataGrid，是由于该类与 dojo 的数据操作类 store 无缝整合在一起。而之前的 Grid 需要将 store 对象包装为 model 对象才能使用。下文如果没有特殊声明，所有 Gird 或是 DataGrid 均指新版 DataGrid，而不是 Grid1.0。

图 1 .DojoX DataGrid