在 Spring Web MVC 环境下使用 Dojo

核心提示： 作为构建示例应用的第一部分，本节只考虑如何使用 dojox.grid.DataGrid ，在 Spring Web MVC 环境下使用 Dojo(8)， Data Store 对象所需数据就放在本地文件中，下面的示例假定 Dojo Toolkit 1.2 已经下载到本地，如果没有引入，DataG

作为构建示例应用的第一部分，本节只考虑如何使用 dojox.grid.DataGrid 。 Data Store 对象所需数据就放在本地文件中。下面的示例假定 Dojo Toolkit 1.2 已经下载到本地，并放在 Web 服务器服务目录之下，目录名为“ dojoroot ”，参看图 3 。

图 3 Dojo Toolkit 1.2 在 Apache HTTP Server 2.2 中的目录结构

Dojo 基本配置

在 Web 服务器服务目录下新建 DataGridTest.html，并将清单 3 中的代码加入 head 标记之内。

清单 4 Dojo 基本配置

　<style　type="text/css">　
　_cnnew1@import　"/dojoroot/dijit/themes/tundra/tundra.css";　
　@import　"/dojoroot/dojox/grid/resources/tundraGrid.css";　
　</style>　
　<script　type="text/javascript"　
　src="/　dojoroot/dojo/dojo.js"　djConfig="parseOnLoad:　true　">　
　dojo.require("dojo.parser");　
　dojo.require("dojo.data.ItemFileReadStore");　
　dojo.require("dojox.grid.DataGrid");　
　</script>

本例采用 Dojo 的 tundra 主题，需要这两个 css 文件，其中 tundraGrid.css 尤其必需，如果没有引入，DataGrid 中的数据将无法正常呈现。

构造 Data Store 对象

新建 data.json 文件，文件内容清单 4 所示：

清单 5 data.json 文件内容

　{　
　"label":"name",　
　"identifier":"id",　
　"items":[　
　{"id":20080230171101,"math":60,"physics":70,"chemistry":75,"name":"　张三　"},　
　{"id":20080230171102,"math":20,"physics":80,"chemistry":95,"name":"　李四　"}　
　]　
　}