日期:2014-05-16  浏览次数:20356 次

jqGrid分页加载json数据无法显示的问题

版本: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属性值,应该也可以显示(这种用法没测试过)。

?

?


?

?