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

核心提示： 我们为什么需要 Grid 呢？下面列出了 Grid 的特性：用户只需向下拖动滚动条，Grid 即可加载延迟的记录，掌握 Dojo 工具包，第 8 部分: 明日之星 - DojoX(3)，省去了翻页操作，减少 Web 与服务器交互，DataGrid 实例会组合一个 Structure 和一个 St

我们为什么需要 Grid 呢？下面列出了 Grid 的特性：

用户只需向下拖动滚动条，Grid 即可加载延迟的记录，省去了翻页操作，减少 Web 与服务器交互，提高了性能；

可以任意的增加和删除单元格、行、或者列；

对行进行统计摘要，Grid 可以生成类似于 OLAP 分析的报表；

Grid 超越了二维表格的功能，它可以跨行或跨列合并单元格以满足不同的数据填充的需求；

行列冻结功能，使得浏览数据更加灵活方便；

Grid 事件采用了钩子机制，我们可以通过 onStyle 钩子完成对样式的更改；

单元格具备富操作，所有的 dijit 部件都可以在单元格中使用，并且单元格可以通过单击转换为编辑状态；

可以为不同的单元格设置不同的上下文菜单；

Grid 嵌套，也就是说 Grid 可以在单元格中嵌套其他的 Grid，从而组成更为复杂的应用；

除此之外，Grid 还有具有其他很多特性，例如，非常实用的偶数行上色、灵活的选取功能、自动调整列宽、数据的展开 / 合闭等。

DataGrid 基础

要创建一个 DojoX DataGrid，就需要对 DataGrid 的基本工作过程有一个大致的了解。一个 DataGrid 实例的组成结构如下图所示，DojoX DataGrid 是使用 DataGrid 的基础，因此在使用 Grid 的时候需要加载相关的 dojox 包；一个小部件通常由框架和样式组成，因此，我们需要指定 DataGrid 的样式表并且声明 DataGrid 实例。DataGrid 实例会组合一个 Structure 和一个 Store。Structure 是一个表头及数据模型的定义，而 Store 用于承载数据。

图 2 .DataGrid 组成结构