使用 DOJO 开发定制小部件，第 2 部分: 使用通用的网格处理程序生成 DOJO DataGrid 组件

核心提示： 覆盖 ItemFileWriteStore 的主要目的是为了得到总行数（我们想要在用户界面中显示总行数），因为 ItemFileStore 没有可以返回总行数的 API，使用 DOJO 开发定制小部件，第 2 部分: 使用通用的网格处理程序生成 DOJO DataGrid 组件(4)，清单 3.

覆盖 ItemFileWriteStore 的主要目的是为了得到总行数（我们想要在用户界面中显示总行数），因为 ItemFileStore 没有可以返回总行数的 API。

清单 3. _drawDataGrid( ) 方法

_drawDataGrid　:　function(resultDef,gridDisplayDivId,onCellClickMethodName){　
　　console.debug("begin　startUpGrid　searchResultDef."+resultDef);　
　　var　pmi=new　dojox.widget.PlaceholderMenuItem　
　　(　{label　:　"GridColumns"});　
　　var　gridMenu=　new　dijit.Menu({style　:　"display:　none;"});　
　　gridMenu.addChild(pmi);　
　
　　this.dataStore　=　new　com.ibm.bcgex.common.DojoItemFileWriteStore　
({data:{items:[]}});　
　　this.gridWidget=　new　dojox.grid.DataGrid({　
　　　id:this.gridComponentId,　
　dojoAttachPoint:this.gridComponentId,　
　　　store:　this.dataStore,　
　　　autoHeight:true,　
　　　rowSelector:　'20px',　
　　　clientSort:true,　
　　　style:"border:　solid　black　1px",　
　　　structure:　resultDef　,　
　　　columnReordering:　true,　
　　　headerMenu:　gridMenu},　
dojo.byId(this.thisVar.iContext.widgetId+gridDisplayDivId));　
　
　
this.gridWidget.startup();　
dojo.connect(this.gridWidget　
,　"onCellClick",　dojo.hitch(this.thisVar,onCellClickMethodName));　
},　

populateGrid() 方法将数据加载到 DataGrid 小部件中。该方法调用 REST API，然后调用 _loadRestGridData 方法。如清单 4 所示，该方法实际完成数据填充。