Jqgrid 中未填充 JSON 数据

Question

我的代码隐藏中有一个方法，它将返回字符串 jSON 数据。我已经使用 AJAX 调用来调用它并且我得到了数据。但我无法将数据加载到 Jqgrid。

$("#tblFormData").jqGrid(
      {
          url:"Forms.aspx/ConvertDataTabletoString",
          datatype: 'jsonstring',
          colNames: ['Category_Id', 'Category'],
          colModel: [
                         { name: "Category_Id", index: "Category_Id", editable: false },
                         { name: "Category", index: "Category", editable: true }
          ],

          viewrecords: true,
          loadonce: true,
          gridview: true,
          autoencode: true,
         
          rowNum: 10000,



      });

下面是我使用 Ajax 调用时得到的数据

[
{
"Category_Id":1, "类别":"sss 表格"

}, {
"Category_Id":1, “类别”：“sss 表格” } ]

因此，如果我将其分配给一个变量，然后将其分配给一个 gridview，它就可以正常工作。但不是直接的。

 var subgridData1 = [
    {
        "Category_Id": 1,
        "Category": "sss Forms"
    },
    {
        "Category_Id": 1,
        "Category": "sss Forms"
    },
   
   ]

    $.ajax({
    type: "POST",
    url: "Forms.aspx/ConvertDataTabletoString",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {

        debugger;
        //var formJsondata = msg.d;
        $("#tblFormData").jqGrid(
       {
           data: subgridData1,
           datatype:'json',
           colNames: ['Category_Id', 'Category'],
           colModel: [
                          { name: "Category_Id", index: "Category_Id", editable: false },
                          { name: "Category", index: "Category", editable: true }
           ],
          
           viewrecords: true,
           loadonce: true

         
       });

    }
});

Answer 1

服务器究竟会返回什么数据？ （您可以将您的问题附加到测试数据中，您可以使用 Internet Explorer/Chrome/Firefox 的开发者工具来跟踪确切的 HTTP 流量）。您使用dataType: "json" 和contentType: "application/json; charset=utf-8" 选项进行Ajax 调用。你真的还需要打电话给JSON.stringify吗（见var mydata = JSON.stringify(msg);这一行）。如果需要您在服务器端进行不必要的 JSON 到 JSON 的转换。典型的错误是 unneeded 在服务器端调用 JavaScriptSerializer 或 DataContractJsonSerializer 并从 Web 方法返回字符串而不是对象。您应该删除服务器端的调用，您将拥有 msg 作为对象。

success 内部的代码似乎也是错误的。您没有指定datatype 参数，因此将使用默认值"xml"。参数datastr 将被忽略，对url: "" 的请求将被完成。服务器需要 XML 格式。 取决于服务器返回的数据格式你需要使用datatype: "jsonstring"或datatype: "local"。

或者，您可以将url: "Forms.aspx/ConvertDataTabletoString" 和datatype: "json" 与loadonce: true 选项一起使用到jqGrid 选项列表中。不需要单独的 Ajax 调用。

您应该在 jqGrid 中添加gridview: true、autoencode: true 选项。如果您不想使用本地分页，您应该添加寻呼机选项（或toppager: true）或使用rowNum: 10000。您应该考虑将key: true 属性添加到Category_Id 列。