在 Spring Web MVC 环境下使用 Dojo

核心提示： 图 4 dojo.data.DataGrid 显示实例可以注意到，左边两列构成的视图（view）没有水平滚动条，在 Spring Web MVC 环境下使用 Dojo(10)，而右边部分却可用水平滚动条调整视图，用 DataGrid Layout 的术语来讲，对这三重组据简要归结如下：整个 la

图 4 dojo.data.DataGrid 显示实例

可以注意到，左边两列构成的视图（view）没有水平滚动条，而右边部分却可用水平滚动条调整视图。用 DataGrid Layout 的术语来讲，这个表有两个 view，分别是有滚动条的 view 和没有滚动条的 view，整个 DataGrid 的布局（Layout）就由多个 view 构成。每个 view 都由多个行（row）构成，布局对象中的 cells 属性就用来描述 view 中的多个 row，cells 属性的值就是由多个 row 构成的数组。每一行（row）又都会拥有多个单元格（cell），于是每一行就是由多个 cell 组成的数组。整个布局的构成需要三重数组，而每一重的特定含义又是非常明确的。对这三重组据简要归结如下：

整个 layout 是由一个或多个 view 构成的数组。

每个 view 是由一个或多个 row 构成的数组。

每个 row 是由一个或多个 cell 构成的数组。

与图 4 所示效果对应的布局对象的代码如清单 7 所示：

清单 7 与图 4 对应的布局（Layout）对象

　var　structure=[　
　{　
　noscroll:　true,　
　cells:　[　
　[　
　{name:　'Alpha',　value:　'<input　name=""　type="checkbox"　value="0">',　rowSpan:　2},　
　{name:　'Beta',　get:　get,　width:　4.5}　
　],[　
　{name:　'Gamma',　get:　get}　
　],[　
　{name:　'Epsilon',　value:　'<button>Epsilon</button>',　colSpan:　2}　
　]　
　]　
　},　
　
　[　
　[　
　{name:　'Apple',　value:　'<button>Apple</button>',　rowSpan:　3},　
　{name:　'Banana',　get:　get,　width:　20},　
　{name:　'Kiwi',　get:　get,　width:　20},　
　{name:　'Pear',　get:　get,　width:　20}　
　],[　
　{name:　'Beans',　value:　'Happy　to　be　grid!'},　
　{name:　'Orange',　value:　'<img　src="http://tech.ddvip.com/2010-04/images/flatScreen.gif"　height="48"　width="48">'},　
　{name:　'Tomato',　value:　'<input　name=""　type="file">'}　
　],[　
　{name:　'Zuchini',　value:　'<span　style="letter-spacing:　10em;">wide</span>',　colSpan:　3}　
　]　
　]　
　];