在 Spring Web MVC 环境下使用 Dojo

核心提示： 清单 5 所示的数据的含义相当直观，表示两个学生的学号，在 Spring Web MVC 环境下使用 Dojo(9)，以及数学、物理、化学三门课程的成绩，在 Dojo 中构造 Data Store 对象有两种方案， dojox.grid.DataGrid 布局对象的层次很多，要搞清楚为什么 do

清单 5 所示的数据的含义相当直观，表示两个学生的学号，以及数学、物理、化学三门课程的成绩。在 Dojo 中构造 Data Store 对象有两种方案，第一种是用 JavaScript 代码直接构造对象，第二种是在 HTML 标签中使用 Dojo 专用属性声明，使用第二种方案时需要配置 djConfig 参数，使得 parseOnLoad 的值为 true（参看清单 4）。本教程使用第二种方案，代码见清单 6：

清单 6 构造 Data Store 对象

　<span　dojoType="dojo.data.ItemFileReadStore"　jsId="dataStore"　
　url="data.json">　
　</span>

其中的 dojoType 指明该对象的类型为 dojo.data.ItemFileReadStore 。 jsId 表示指向该对象的变量名，在其他 JavaScript 代码中可直接通过 jsId 的名字直接访问该 Data Store 对象。 url 参数指明数据源（Data Source）的位置，Data Store 对象即通过 url 所指向的位置获取相应的数据。在本例中，url 指向的即是清单 5 中 data.json 文件的内容。

构造布局（Layout）对象

Data Store 中的数据是以 item 为单位的，每个 item 对象都会成为 DataGrid 数据表中的一行。 JavaScript 中的对象可看作是多个属性（attribute）和对应值（value）构成的数组，当 item 对象映射到表格中时，就需要指明 item 对象的属性与表的列名之间的映射关系。对此，dojox.grid.DataGrid 组件的解决方案也有两种，第一种是在 HTML 标记中用专用的标签属性说明，第二种是定义一个专门的对象来描述这些映射信息。第二种方案灵活性更大，也更常用，本教程只讲第二种方案。 dojox.grid.DataGrid 布局对象的层次很多，要搞清楚为什么 dojox.data.DataGrid 的布局对象会如此复杂，需要结合它所要达到的控制效果来看，参看图 4：