系统在使用jqGrid时,如果某些页面的查询项是复选框,后台是数组接收的,就会出现传值不正确问题。
1、项目中某查询页面存在的复选框:待处理S1,正在处理S2,已处理S3;
使用jqGrid提交查询数据方法如下:
$("#xxTable").setGridParam({
datatype : "json",
postData: {
"id" : $("#id").val(),
"nodeStatus" : checkBoxValues("nodeStatus")
}
}).trigger("reloadGrid", [{ page: 1}]);
2、该问题调查如下:
第一次传值:id传123456,勾选待处理
postData: id:123456 , nodeStatus : [S0]
第二次传值:id传1234567,勾选正在处理
postData:id :1234567 , nodeStatus : [S1]
第三次传值:勾选待处理、正在处理
postData:nodeStatus : [S0, S1]
第四次传值:勾选待处理、已处理
postData:nodeStatus : [S0, S2]
第五次传值:勾选待处理、正在处理、已处理
postData:nodeStatus : [S0, S1, S2]
第六次传值:勾选正在处理、已处理
postData:nodeStatus : [S1, S2, S2]
第七次传值:勾选待处理、已处理
postData:nodeStatus : [S0, S2, S2]
第八次传值:勾选已处理
postData:nodeStatus : [S2, S2, S2]
不难发现,它会启用上次提交的历史数据,并将本次提交的数据对应替换,如果是单个值还好,如果是数组那么就会出现问题。
3、解决该问题方式:
A、在jqGrid内使用serializeGridData 事件,此事件返回一个要传到后台的序列化数据,这里进行重新赋值后返回发到后台:
serializeGridData : function (postData)
{
postData.nodeStatus=checkBoxValues("nodeStatus");
return JSON.stringify(postData);
},
此方法有一个弊端,就是不能一劳永逸,如果后期查询页面又新增了一个复选框查询项,那么记得一定要在此处重新赋值。
B、简单粗暴的方法,每次请求前都将历史数据清除掉:
var postData = $("#xxTable").jqGrid("getGridParam", "postData");
$.each(postData, function (k, v) {
delete postData[k];
});
此方法可以提炼为一个公共方法使用。
原文地址:https://www.cnblogs.com/xStarMoony/p/11401889.html