用于搜索的子网格 json 格式，and,rowNum答案

【问题标题】：Subgrid json format for _search,nd,rowNum用于搜索的子网格 json 格式，and,rowNum
【发布时间】：2011-08-08 00:48:54
【问题描述】：

我正在为 jqgrid 使用子网格。是1级。以下是我的代码。我不知道我在这里做错了什么。但它以这种格式传递值

_search=false&nd=1303143441927&rows=20&page=1&sidx=id&sord=asc

而不是

{"_search":false,"nd":1303142903678,"rows":100,"page":1,"sidx":"","sord":"asc"}

json 格式。

$('#OrderGrd').jqGrid({ 
        url:'/AdvertiserCenter/CategoryLead.ashx?action=getOrderData&advertiserID=' + $('#advertiser_id').text() + '&startDate=' + $('input[id$="ViewFromCal_CalendarTbx"]').val() + '&endDate=' + $('input[id$="ViewToCal_CalendarTbx"]').val(),
        datatype: 'json',
        mtype: 'POST', 
        height:'100%',
        width:'100%',
        colNames: ['Order Number','Payment Type','Cost','Status','Total'], 
        colModel: [{ name: 'order_number', index: 'order_number',align:"center",width:'80px',sortable:false},
                   { name: 'payment_type', index: 'payment_type',width:'110px',align:"left",sortable:false},
                   { name: 'cost', index: 'cost',width:'200px',align:"right",sortable:false},   


.................

        subGrid: true,
        subGridRowExpanded: function(subgrid_id, row_id) {
              var subgrid_table_id, pager_id;
              var rowdata = jQuery('#OrderGrd').getRowData(row_id);
              var orderid = rowdata.order_number;
              subgrid_table_id = subgrid_id+'_t';
              pager_id = 'p_'+subgrid_table_id;
              $('#'+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");

              $.extend($.jgrid.defaults,   
              { datatype: 'jsonstring' },
              { ajaxGridOptions: { contentType: "application/json",   
              success: function (data, textStatus) {   
                  if (textStatus == "success") {   
                      var thegrid = $('#'+subgrid_table_id)[0];
                      thegrid.addJSONData(data.data);
                      thegrid.grid.hDiv.loading = false;   
                      switch (thegrid.p.loadui) {   
                          case "disable":   
                                break;   
                          case "enable":   
                                $("#load_" + thegrid.p.id).hide();   
                                break;   
                          case "block":   
                                $("#lui_" + thegrid.p.id).hide();   
                                $("#load_" + thegrid.p.id).hide();   
                                break;   
                      }
                  }   
              } //end of success  
              }//end of ajaxGridOptions   
          });// end of extend
              jQuery('#'+subgrid_table_id).jqGrid({
                  url:'/AdvertiserCenter/CategoryLead.ashx?action=getOrderDetails&advertiserID=' + $('#advertiser_id').text() + '&orderID=' + orderid,
                  datatype:'json',
                  mtype: 'POST',
                  colNames: ['ID','Name','Company','Email','City','State/Province','Country','Cost'],
                  colModel: [{ name: 'id', index: 'id',align:'center',width:'80px',sortable:false},
                       { name: 'name', index: 'name',width:'110px',align:'left',sortable:false},
                       { name: 'company', index: 'company',width:'200px',align:'right',sortable:false},
                       { name: 'email', index: 'email',width:'200px', align:'center',sortable:false},
                       { name: 'city', index: 'city',align:'right',width:'205px',sortable:false},
                       { name: 'state', index: 'state',width:'200px',align:'right',sortable:false},
                       { name: 'country', index: 'country',width:'200px', align:'center',sortable:false},
                       { name: 'cost', index: 'cost',align:'right',width:'205px',sortable:false},
                      ],
                rowNum:20,
                pager: pager_id,
                sortname: 'id',
                sortorder: 'asc',
                height: '100%'
              });
              jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})
          },
          subGridRowColapsed: function(subgrid_id, row_id) {
              // this function is called before removing the data
              //var subgrid_table_id;
              //subgrid_table_id = subgrid_id+"_t";
              //jQuery("#"+subgrid_table_id).remove();
          },
        serializeGridData: function (data){ 
           return $.toJSON(data);   
        }

谢谢，一个

【问题讨论】：

标签： jqgrid

【解决方案1】：

尝试类似的方法：

serializeGridData: function (data){ 
   return 'json='+$.toJSON(data); 
   // or return {'json':$.toJSON(data)}  
}

你也可以记录数据，看看你是否达到了给定的事件

serializeGridData: function (data){ 
   var data = 'json='+$.toJSON(data);
   console.log(data);
   return data;   
}

顺便说一句，确保有函数 $.toJSON(data);因为它不是标准的 jquery 函数

【讨论】：

【解决方案2】：

感谢firegnom。我忘了为子网格添加 serializeGridData。

serializeGridData：函数（数据）{ 返回 $.toJSON(数据);
}

效果很好！

再次感谢。

【讨论】：