在 Spring Web MVC 环境下使用 Dojo

核心提示： dojox.grid.DataGrid 与 dojo.data 的关系Bryan Forbes 在sitepen.com网站上发了篇blog，其中中讲了新的 Grid 组件取名为 DataGrid 的原因，在 Spring Web MVC 环境下使用 Dojo(7)，与 Dojo 1.2 之前版

dojox.grid.DataGrid 与 dojo.data 的关系

Bryan Forbes 在sitepen.com网站上发了篇blog，其中中讲了新的 Grid 组件取名为 DataGrid 的原因。与 Dojo 1.2 之前版本的 dojox.grid.Grid 相比，新 Grid 组件名字上多了一个词——“ Data ”，这里的“ Data ”即指 Data Store （数据储备库）。从内部实现机制来看， dojox.grid.Grid 是通过一个中间对象与 Data Store 交换数据的，而 dojox.grid.DataGrid 去掉了这层隔阂，原生地（natively）支持 Data Store 。

前面讨论过，dojo.data 中的 Data Store 对象在 MVC 设计模式中起到模型（Model）的作用，而 Dojo 所实现的 MVC 模式又是模型驱动的（Model Driven），因此，dojox.grid.DataGrid 中所有数据的更新其实都来自底层 Data Store 对象数据的更新。程序开发人员一旦实现了 dojox.grid.DataGrid 与底层 Data Store 对象的关联，他就不必再去关心视图更新的问题了。这时，开发人员的眼睛看到的只有 Data Store 对象提供的功能接口，即 dojo.data 所提供的各种 feature 。控制了 Data Store 对象中的数据，也就控制了 dojox.grid.DataGrid 呈现出来的数据。

使用 dojox.grid.DataGrid 的一般步骤如下：

根据数据源的特点，构造 Data Store 对象。

构造布局（Layout）对象，用于定义数据在 dojox.grid.DataGrid 中的呈现样式。

构造 dojox.grid.DataGrid 对象，并将其关联到 Data Store 对象以获取数据，关联到 Layout 对象以获取数据显示样式。

示例应用的说明

本教程重在说明客户端 Dojo widget 与 Spring Web MVC 的交互过程，所用的示例非常简单：客户端通过 Ajax 请求从服务器获取数据，并在 dojox.grid.DataGrid 中呈现，用户通过双击 dojox.grid.DataGrid 中的某个单元格实现对数据的编辑，再通过 Ajax 请求将用户对数据的改变内容发送给服务器。