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

核心提示： DojoX 的图形 API 扩展了 Dojo 的动画效果，并提供了 2D、3D 绘图的支持，掌握 Dojo 工具包，第 8 部分: 明日之星 - DojoX(2)，DojoX Fx 通过对 dojo core 以及 dojo fx 的扩展提供了多种动画效果；gfx 提供了一系列矢量绘图的方法；而

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