我建议您检查免费 jqGrid 的源代码。看着the part https://github.com/free-jqgrid/jqGrid/blob/v4.9.0-rc1/js/grid.pivot.js#L722-L790的代码。看起来像
jqPivot: function (data, pivotOpt, gridOpt, ajaxOpt) {
return this.each(function () {
var $t = this, $self = $($t), $j = $.fn.jqGrid;
function pivot(data) {
...
}
if (typeof data === "string") {
$.ajax($.extend({
url: data,
dataType: "json",
success: function (data) {
pivot(jgrid.getAccessor(data, ajaxOpt && ajaxOpt.reader ? ajaxOpt.reader : "rows"));
}
}, ajaxOpt || {}));
} else {
pivot(data);
}
});
}
您几乎可以直接得到问题的答案。您需要指定以 JSON 形式提供输入数据的服务器的 URL。不支持其他数据格式("xml"
, "jsonp"
等等)直接,但你可以使用ajaxOpt
参数覆盖 Ajax 调用的参数。另外,重要的是要了解 jqGrid 使用$.jgrid.getAccessor
方法从服务器响应中读取数据。默认数据格式应如下:
{
"rows": ...
}
其中“行”的值应具有与data
的参数jqPivot
如果你使用如果without阿贾克斯。例如,如果您有
{
{
"myRoot": {
"myData": ...
}
}
}
那么你可以使用 jqPivot 的第四个参数(ajaxOpt
) as
{ reader: "myRoot.myData" }
如果服务器的响应是数据数组:
[
...
]
或者它有一些非标准形式,您可以使用函数形式reader
。例如
$("#grid").jqGrid("jqPivot", "/myUrl", {
xDimension: [{...}],
yDimension: [{...}, ...],
aggregates: [{...}],
},
{
iconSet: "fontAwesome",
cmTemplate: { autoResizable: true, width: 80 },
shrinkToFit: false,
autoResizing: { compact: true },
pager: true,
rowNum: 20,
rowList: [5, 10, 20, 100, "10000:All"]
},
{
reader: function (obj) { return obj; },
contentType: "application/json; charset=utf-8",
type: "POST",
error: function (jqXHR, textStatus, errorThrown) {
alert('HTTP status code: ' + jqXHR.status + '\n' +
'textStatus: ' + textStatus + '\n' +
'errorThrown: ' + errorThrown);
alert('HTTP message body (jqXHR.responseText): ' + '\n' + jqXHR.responseText);
}
});
上面的代码在直接使用所有响应数据的函数中指定了阅读器(没有对象)rows
财产)。它指定contentType
and type
的参数jQuery.ajax http://api.jquery.com/jquery.ajax/和回调函数error
.
如果所有选项看起来都太困难,您可以通过直接调用直接在代码中加载数据jQuery.ajax
例如和电话jqPivot
after数据已加载(在success
回调或done
).