jqGrid: Comment appeler 'reloadGrid" pour actualiser la grille à partir des filtres externes

J'ai des filtres à l'extérieur de jqGrid, qui devrait déclencher une grille de rechargement. Cette entrée m'ont donné un bon aperçu de la façon de la mettre en œuvre, à l'aide de la postData option: Comment filtrer les jqGrid PAS de données en utilisant le construit en recherche/filtre de la boîte de
Malheureusement, les extraits de code sont des fragments, et je ne peux pas comprendre ce que l'ensemble de la séquence d'appels devrait être. Voici un condensé de vue de mon approche actuelle:

<script>
  $(document).ready(function() {
    $("#submit").click(function(e) {
      e.preventDefault();
      myGrid.trigger('reloadGrid');
    }); 
  });

var url="${servicesUrl}/projects";

var myGrid = $("#projectList").jqGrid({
    url: url,
    datatype: 'json',
    mtype: 'GET',  
    //...
});
</script>

Comment dois-je structurer le code, de sorte que chaque clic sur le bouton Soumettre pour déclencher une grille de rechargement? Une fois que j'ai cette triés, je suis sûr que je vais être en mesure d'ajouter le posData partie, mon problème est la plupart du temps avec l'ensemble de la séquence d'appels. Je ne suis pas sûr lequel les appels doivent être à l'intérieur de l'ready() de la fonction, et comment appeler 'reloadGrid' correctement. Toute aide grandement appréciée.

OriginalL'auteur Pablo | 2013-06-26

  1. 6

    C'est ce qui a fonctionné pour moi: j'ai mis un rappel sur la beforeRequest événement qui met à jour les postData propriété avant chaque demande est faite.

    Note que vous souhaitez mettre toutes vos jqGrid code d'initialisation à l'intérieur de la $(document).ready(function(){}); fonction, sinon le votre élément de tableau peut ne pas être dans les DOM encore

    var url="${servicesUrl}/projects";

$(document).ready(function() {
    var $table = $("#projectList");

    $table.jqGrid({
        url: url,
        datatype: 'json',
        mtype: 'GET',  

        beforeRequest: function() {
            var postData = $table.getGridParam('postData');
            //add parameters to postData here
        }
        //...
    });

    $("#submit").click(function(e) {
        e.preventDefault();
        $table.trigger('reloadGrid');
    }); 
});
    merci!!!! J'ai juste eu à suivre la séquence des appels que vous avez fourni, et il a parfaitement fonctionné. En fait, je n'ai pas besoin d'utiliser 'beforeRequest', j'ai juste ajouté ça à mes options de la grille: postData: { brandId: function() { return jQuery("#brandsDropdown option:selected").val(); }, },
    Ah... bon, je ne savais pas qu'on pouvait utiliser des fonctions pour la postData! Merci!

    OriginalL'auteur cfs