尝试基于多重搜索/过滤器从服务器加载数据,但在客户端上进行排序和分页。 我发现一些帖子说简单地将数据类型设置回beforeSearch
方法中的原始值。
我已经尝试过这样做,它确实针对服务器执行并返回正确的数据。 但是,第二次过滤时,它似乎从服务器获取数据,但随后在如下所示的 jqgrid 代码中的第 4429 行被清除。 关于如何实现这一目标的任何想法?
Ln 4429 : p.lastSelectedData = query.select();
网格定义:
$element
.jqGrid({
cmTemplate: { search: true, searchoptions: { attr: { placeholder: "filter..." }, clearSearch: true }, sortable: true, align: "center" },
colModel: [
{ name: "Id", key: true, hidden: true, searchoptions: { searchhidden: true, sopt: ["eq"] } },
{ name: "TransmissionId", label: "Transmission Id", searchoptions: { sopt: ["eq"] } },
{ name: "Name", label: "Name", searchoptions: { sopt: ["cn"] } }
],
datatype: "json",
loadonce: true,
height: "auto",
ignoreCase: true,
pager: $("#" + pagerId),
pgbuttons: true,
pginput: false,
rowList: [10, 25, 50],
rowNum: 10,
toppager: true,
url: "url here",
loadComplete: function (data) {
if (this.p.datatype === "json") {
setTimeout(function () {
$element.trigger("reloadGrid", [{ page: 1 }]);
}, 50);
}
return data;
},
viewrecords: true
})
.jqGrid("filterToolbar", {
autosearch: true,
defaultSearch: "cn",
beforeSearch: function () {
$element.setGridParam({ datatype: "json", page: 1 });
}
})
.jqGrid("navGrid", "#" + pagerId, {
edit: false,
add: false,
del: false,
refresh: false,
view: false,
cloneToTop: true
});
我已经修剪了网格,以尝试验证它不是导致此问题的自定义逻辑。 网格确实打开了multipleSearch
。但上面没有定义。
如果我正确理解您的问题,那么您应该将forceClientSorting: true
与loadonce: true
结合使用。它强制从服务器加载后直接从本地对从服务器加载的数据进行排序、过滤和分页。因此,您可以删除当前使用的loadComplete
。查看演示答案。
此外,您可以添加searching
属性,其中包括filterToolbar
和searchGrid
的所有选项:
searching: {
autosearch: true,
defaultSearch: "cn",
beforeSearch: function () {
var p = $(this).jqGrid("getGridParam"), // get reference to all parameters
filters = JSON.parse(p.postData.filters);
p.datatype = "json";
// one can here analyse filters, modify it or clear it as
p.postData.filters = "";
// one can set any other parameters, which will be sent to the server
// by using p.postData.param1 = "value1";
// which will sent param1=value1 to the server.
}
}
一般来说,您也可以在当前beforeSearch
中执行相同的操作。
更新:也许你应该另外使用beforeProcessing
回调。 从服务器接收数据后,将直接调用beforeProcessing
。在回调内部,您可以清理所有p.postData.filters
(""
)和p.search
(将其从true
更改为false
)。因此,jqGrid 不会尝试通过postData.filters
从服务器返回的数据来在本地进行过滤。