jqgrid - 使用 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 中使用“ArivalCodeWay”，在 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 .如果您单击“单击我”按钮，将加载包含的网格。