Comment puis-je conserver les filtres de recherche dans jqGrid rechargement de la page?

Il me semble que vous n'êtes pas la première personne à qui poser la même question. J'ai demandé récemment sur la clôture question (lu beaucoup de commentaires pour la réponse). Un autre vieille réponse y compris la démo pourrait probablement répondre à certaines de vos questions ouvertes.

Votre code à l'aide de beforeRequest ne fonctionne pas tout simplement parce que la fonction beforeRequest sera caled immédiatement avant l'appel ajax et de l'évolution de la search paramètre est trop tard. En outre overwiting de filters à chaque fois est probablement pas la meilleure idée. Dans le cas où l'utilisateur ne sera pas en mesure de définir d'autres de la grille du filtre.

Donc je peux le répéter, que la réalisation de la solution dont vous avez besoin est très simple. Vous devez juste mettre filters propriété de la postData paramètre de jqGrid pour le filtre dont vous avez besoin et de définir un autre jqGrid paramètre search:true de plus. C'est tout! Plus tard, l'utilisateur sera en mesure d'ouvrir l'avance dialogue rechercher et remplacer les filtres. L'utilisateur peut également cliquer sur le bouton "Reset" de l'avance à la recherche de dialogue et de définir filters à la chaîne vide et search:false.

Pour une meilleure compréhension, je dois effacer comment search paramètre ou une autre jqGrid sera utilisé dans l'URL. Il y a des paramètre prmNames de jqGrid qui définit les noms des paramètres envoyer comme une partie de l'URL ou une partie des données publiées sur le serveur. La valeur par défaut de prmNames contenir search:"_search" et le code de l'intérieur remplir fonction utilisée par jqGrid a l'simplifiée suivante fragment de code:

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);

où

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"}

De façon à mettre en _search paramètre de l'URL de l'un devrait mettre search paramètre de jqGrid.

Regarder la démonstration suivante. Vous pouvez facilement vérifier en utilisant Fiddler de Firebug que le jqGrid à partir de la page envoyer HTTP GET à l'url suivante:

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

Pour faire exactement ce dont vous avez besoin. Le code de la démo contient le fragment de code suivant:

$("#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,
    //...
});

OriginalL'auteur Oleg