javascript - free-jqGrid (4.15.4)、服务器过滤器、客户端排序和分页?
问题描述
尝试基于多搜索/过滤器从服务器加载数据,但在客户端进行排序和分页。我发现一些帖子说只需将数据类型设置回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
(to ""
) 和p.search
(将其从true
to更改为false
)。结果 jqGrid不会尝试通过从服务器返回的数据进行本地过滤。postData.filters
推荐阅读
- rust - 如何将字符串视为 Rust 类型?
- magento2 - Magento 2:如果请求的数量在添加到购物车功能上不可用,则禁用重定向到产品页面
- c# - C# 使用反射将 DataMembers 传递给表达式主体
- sql - 当“CASE WHEN”在触发器中时,Django sqlite3 迁移触发器失败?
- flutter - 颤振错误:不支持的操作:Platform_operatingSystem
- python - 根据条件合并 DataFrame
- database - 其他用户如何在 pgAdmin 中访问我的 PostgreSQL 数据库?
- android - 如何在颤动中将 Uint32 转换为 Wav 而不将其转换为 Uint8 以保持质量?
- javascript - 如何使用 I18n React Native 获取语言环境
- sql - 组合两个具有相同词干但不同 where 子句的 SQL 语句