datagrid的数据加载相关

mojunb

现在后台返回一个这样格式的数据，没有主键值，没有分页，只是一个list

1. [
   
2.   {
   
3.     "fjrq": "2017-09-18",
   
4.     "fjr": "CTest1_zhidu",
   
5.     "fjrxm": null,
   
6.     "theTotal": 15,
   
7.     "thePeoConunt": 4,
   
8.     "sid": null,
   
9.     "groupId": "城关大队"
   
10.   },
    
11.   {
    
12.     "fjrq": "2017-09-18",
    
13.     "fjr": "CTest2_zhidui",
    
14.     "fjrxm": null,
    
15.     "theTotal": 15,
    
16.     "thePeoConunt": 4,
    
17.     "sid": null,
    
18.     "groupId": "城关大队"
    
19.   },
    
20.   {
    
21.     "fjrq": "2017-09-18",
    
22.     "fjr": "baiwenjie",
    
23.     "fjrxm": null,
    
24.     "theTotal": 15,
    
25.     "thePeoConunt": 4,
    
26.     "sid": null,
    
27.     "groupId": "城关大队"
    
28.   },
    
29.   {
    
30.     "fjrq": "2017-09-18",
    
31.     "fjr": "seits",
    
32.     "fjrxm": null,
    
33.     "theTotal": 15,
    
34.     "thePeoConunt": 3,
    
35.     "sid": null,
    
36.     "groupId": "城关大队"
    
37.   }
    
38. ]

复制代码

页面代码

1. <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;" idField="id" allowResize="false" pageSize="10" allowCellEdit="true" allowCellSelect="true" multiSelect="true" editNextOnEnterKey="true" editNextRowCell="true">
   
2.                         <div property="columns">
   
3.                                 <div type="indexcolumn"></div>
   
4.                                 <div name="fjrq" field="fjrq" width="100" allowSort="true" dateFormat="yyyy-MM-dd">分拣日期
   
5.                                         <input property="editor" class="mini-datepicker" style="width:100%;" />
   
6.                                 </div>
   
7. 
   
8.                                 <div name="fjr" field="fjr">分拣人姓名
   
9.                                         <input property="editor" class="mini-textbox" style="width:100%;" minWidth="200" />
   
10.                                 </div>
    
11.                                 <div field="thePeoConunt" width="100" allowSort="true">需分拣条数
    
12.                                         <input property="editor" class="mini-spinner" minValue="0" style="width:100%;" />
    
13.                                 </div>
    
14. 
    
15.                         </div>
    
16.                 </div>
    
17. 
    
18.         </body>
    
19. 
    
20.         <script>
    
21.                 mini.parse();
    
22.                 //debugger;
    
23.                 function SetData(mynode) {
    
24.                         mydata = mini.clone(mynode);
    
25.                         var planid = mydata.planid;
    
26.                         var grid = mini.get("datagrid1");
    
27.                         var url = "${webProperties['app.url.wfpt']}/sortTable/getPeoCountList.htm?planid=" + planid;
    
28.                         grid.setUrl(url);
    
29.                         grid.load();
    
30.                         //debugger;
    
31.                 }
    
32.         </script>

复制代码

grid显示空白，在不改变后台的情况下，可以用什么方法在grid中显示出该list数据

felt

http://www.miniui.com/demo/#src=datagrid/pager_client.html
请参考客户端分页的示例。

如果是url加载的，请数据格式必须符合的要求。datagrid的数据格式是{total:"",data:[{},{},{}]}