日期:2014-05-16 浏览次数:20336 次
版本:jqgrid-4.3.2
html代码:
<table id="prdDetailTbl"></table> <div id="prdPageDiv"></div>
?
?
?
?
?页面js代码:
jQuery("#prdDetailTbl").GridUnload(); jQuery("#prdDetailTbl").jqGrid( { url:'getProductOrderDetails.do?prdBranchId='+prdBranchId, datatype: "json", colNames:['订单号','结算单价', '数量', '结算总价'], colModel:[ {name:'orderId',width:55}, {name:'settlePrice',width:90}, {name:'quantity', width:100}, {name:'settleAmount',width:100} ], jsonReader: { repeatitems:false, rows: "rows", // 数据行(默认为:rows) total: "total", // 总记录数 page: "page", // 当前页 records: "records" // 总记录数 }, rowNum:10, rowList:[10,20,30], pager: '#prdPageDiv', sortname: 'id', viewrecords: true, sortorder: "desc" }); jQuery("#prdDetailTbl").jqGrid('navGrid','#prdPageDiv',{edit:false,add:false,del:false});
??
?
?
?action中输出的mime类型json:
this.getResponse().setContentType("application/json;charset=UTF-8"); this.getResponse().setCharacterEncoding("UTF-8"); try { PrintWriter out = this.getResponse().getWriter(); out.write(json); out.flush(); out.close(); } catch (Exception e) { e.printStackTrace(); }
??
?之前在??? jsonReader中没有设置 repeatitems:false,页面上一直无法显示数据。然后用firebug一步一步调试, 在jqgrid源码中有一个方法addJSONData,
这个方法的第1334行:
cur = drows[i];
?
?
?这个方法中的第1360行代码如下:
if (dReader.repeatitems) { if(dReader.cell) {cur = $.jgrid.getAccessor(cur,dReader.cell);} if (!F) { F=orderedCols(gi+si+ni); } }
??
?如果没有设置repeatitems:false,则cur会被重新赋值,如果cur中没有cell属性值,则$.jgrid.getAccessor(cur,dReader.cell)会返回undefined,这样就导致页面无法显示数据,还报一个obj undefined的错。
总结:jqgrid加载json数据时,需要设置jsonReader的repeatitems:false。当然,如果返回的数据中有cell属性值,应该也可以显示(这种用法没测试过)。
?
?
?
?