使用 setGridParam 将 json 数据加载到 jqgrid

Question

我在使用 setGridParam 设置 jqgrid 的 url 时遇到了一些问题。

我收到消息：“f 未定义”。

我的设置：

       $("#prices").jqGrid({
    colModel: [
           ...
        ],
    pager: jQuery('#pricePager'),
    ajaxGridOptions: { contentType: "application/json" },
    mtype: 'POST',
    loadonce: true,
    rowTotal: 100,
    rowNum: -1,
    viewrecords: true,
    caption: "Prices",
    height: 300,
    pgbuttons: false,
    multiselect: true,
    afterInsertRow: function (rowid, rowdata, rowelem) {
        // ...
    },
    beforeSelectRow: function (rowid, e) {
      // ...
    },
    onSelectRow: function (rowid, status) {
       // ...
    }
}); 

获取数据：

$("#prices").setGridParam({ datatype: 'json', page: 1, url: '@Url.Action("GridDataPrices")', postData: JSON.stringify(selections) });

$("#prices").trigger('reloadGrid');

响应是未编码的 json：

{"total":1,"page":1,"records":100,"rows":[{"id":160602948,"StartDate":"\/Date(1311717600000)\/","Duration":7,"Price":1076.0000,"Code":"code"},{"id":160602950,...}]}

但是，我使用 firebug 收到以下消息：

“f 未定义”

我首先使用 addJSONData 完成了这项工作，但因为我想保留本地排序，所以不得不替换它。

提前致谢。

Answer 1

上传代码后，一切都会变得清晰。您的主要错误如下：

• 你应该在 jqGrid 中包含datatype: 'local'。默认值为“xml”。
• JSON 数据具有命名属性，因此您必须使用 jsonReader: { repeatitems: false }（有关详细信息，请参阅 the documentation）
• 您在colModel 中使用“ArrivalCodeWay”，在 JSON 数据中使用“ArrivalCodeWay”。所以你应该修复相应的jqGrid列的名称
• 要从"\/Date(1312840800000)\/" 格式解码date，您应该在相应列中包含formatter:'date'。
• 以同样的方式，我发现将formatter:'int', sorttype:'int' 包含在“持续时间”列中，将sorttype:'number', formatter:'number', formatoptions: { decimalPlaces:4, thousandsSeparator: "," } 包含在“价格”列中。
• 如果您使用JSON.stringify，则应包含json2.js，以确保您的代码适用于所有网络浏览器。

修改后的演示（包括其他一些小改动）你可以找到here。如果你点击“点击我”按钮，网格包含将被加载。