开发学院软件开发 Java 掌握 Dojo 工具包，第 8 部分: 明日之星 - DojoX 阅读

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

　2009-12-01 00:00:00　来源：WEB开发网　　　

核心提示： 清单 12定义了菜单 gridMenu 以及承载 DataGrid 的 DIV，清单 12. 定义菜单<bodyclass="tundra"><divclass="heading">DataGrid</div><d

清单 12定义了菜单 gridMenu 以及承载 DataGrid 的 DIV。

清单 12. 定义菜单
　<body　class="tundra">　　<div　class="heading">Data　Grid</div>　　<div　dojoType="dijit.Menu"　jsid="gridMenu"　id="gridMenu"　style="display:　none;">　　<div　dojoType="dojox.widget.PlaceholderMenuItem"　label="GridColumns"　></div>　　</div>　　<div　id="gridNode"　style="height:350px;"　/>　　</body>　

本例使用了外部数据源 dataGrid.txt，该文件的内容类似于清单 13

清单 13. dataGrid.txt
　{　　identifier:　'emp_no',　　label:　'emp_no',　　items:　[　　　　{emp_no:'2100',　name:'Matt',　gender:'M',　dept_no:730,　bonus:647},　　{emp_no:'2200',　name:'Lisa',　gender:'F',　dept_no:731,　bonus:608},　　{emp_no:'2300',　name:'Mick',　gender:'M',　dept_no:732,　bonus:532},　　{emp_no:'2400',　name:'John',　gender:'M',　dept_no:733,　bonus:1840},　　{emp_no:'2500',　name:'Jan',　gender:'M',　dept_no:734,　bonus:1040},　　{emp_no:'2101',　name:'Jeff',　gender:'M',　dept_no:730,　bonus:647},　　{emp_no:'2202',　name:'Frank',　gender:'M',　dept_no:731,　bonus:608},　　{emp_no:'2303',　name:'Fred',　gender:'M',　dept_no:732,　bonus:532}　　]}　

运行，结果如下图所示。

图 6. 可编辑的 DataGrid
掌握 Dojo 工具包，第 8 部分: 明日之星 - DojoX