码迷,mamicode.com
首页 > 其他好文 > 详细

jqGrid以setGridParam方式postData,包含历史数据的问题

时间:2019-08-23 19:05:33      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:serialize   技术   src   idp   接收   ali   出现   包含   fun   

  系统在使用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];  
    }); 
    此方法可以提炼为一个公共方法使用。

 

jqGrid以setGridParam方式postData,包含历史数据的问题

标签:serialize   技术   src   idp   接收   ali   出现   包含   fun   

原文地址:https://www.cnblogs.com/xStarMoony/p/11401889.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!