jQuery MiniUI

标题: datagrid的数据加载相关 [打印本页]
作者: mojunb    时间: 2017-9-20 16:47:43     标题: datagrid的数据加载相关

现在后台返回一个这样格式的数据，没有主键值，没有分页，只是一个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>

  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>

  15.                         </div>
  16.                 </div>

  18.         </body>

  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    时间: 2017-9-20 19:14:05

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

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



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2