在我看来,你不是第一个问同样问题的人。最近我问了关闭的问题(阅读了许多对答案的评论)。包括演示在内的另一个旧答案可能会回答您提出的一些问题。
您使用的代码beforeRequest
不起作用只是因为该函数beforeRequest
将在 ajax 调用之前立即被调用并且search
参数的更改为时已晚。此外,filters
每次都覆盖可能不是最好的主意。在这种情况下,用户将无法设置任何其他网格过滤器。
所以我可以重复一遍,您需要的解决方案的实现非常简单。您应该将jqGrid 参数的filters
属性设置为postData
您需要的过滤器,并另外设置另一个 jqGrid 参数search:true
。都是这样!稍后用户将能够打开高级搜索对话框并覆盖过滤器。用户也可以点击高级搜索对话框的“重置”按钮并设置filters
为空字符串和search:false
。
为了更好地理解,我必须明确search
URL 中将如何使用参数或其他一些 jqGrid。jqGrid的参数prmNames定义了作为 URL 的一部分或作为 POST 到服务器的数据的一部分发送的参数的名称。prmNames的默认值包含search:"_search"
和jqGrid使用的内部填充函数的代码具有以下简化代码片段:
var prm = {}, pN=ts.p.prmNames;
if(pN.search !== null) {prm[pN.search] = ts.p.search;}
if(pN.nd !== null) {prm[pN.nd] = new Date().getTime();}
if(pN.rows !== null) {prm[pN.rows]= ts.p.rowNum;}
if(pN.page !== null) {prm[pN.page]= ts.p.page;}
if(pN.sort !== null) {prm[pN.sort]= ts.p.sortname;}
if(pN.order !== null) {prm[pN.order]= ts.p.sortorder;}
...
$.extend(ts.p.postData,prm);
在哪里
prmNames: {page:"page",rows:"rows", sort: "sidx",order: "sord", search:"_search",
nd:"nd", id:"id",oper:"oper",editoper:"edit",addoper:"add",
deloper:"del", subgridid:"id", npage: null, totalrows:"totalrows"}
所以要设置_search
URL 的参数,应该设置search
jqGrid 的参数。
看下面的演示。您可以轻松验证使用小提琴手的萤火虫的jqGrid的从页面发送HTTP GET与以下网址:
http://www.ok-soft-gmbh.com/jqGrid/MultisearchFilterAtStart1.json?filters=%7B%22groupOp%22%3A%22AND%22%2C%22rules%22%3A%5B%7B%22field%22%3A%22invdate%22%2C%22op%22%3A%22gt%22%2C%22data%22%3A%222007-09-06%22%7D%2C%7B%22field%22%3A%22invdate%22%2C%22op%22%3A%22lt%22%2C%22data%22%3A%222007-10-04%22%7D%2C%7B%22field%22%3A%22name%22%2C%22op%22%3A%22bw%22%2C%22data%22%3A%22test%22%7D%5D%7D&_search=true&nd=1297508504770&rows=10&page=1&sidx=id&sord=asc
所以它完全符合你的需要。演示代码包含以下代码片段:
$("#list").jqGrid({
url: 'MultisearchFilterAtStart1.json',
datatype: "json",
postData: {
filters:'{"groupOp":"AND","rules":['+
'{"field":"invdate","op":"gt","data":"2007-09-06"}'+
',{"field":"invdate","op":"lt","data":"2007-10-04"}'+
',{"field":"name","op":"bw","data":"test"}]}'
},
search:true,
// ...
});