Comment puis-je utiliser jqGrid avec textbox pour rechercher?

Question

Mes données sont chargées correctement sur ma page. Cependant, j'ai 2 zones de texte et un bouton de soumission sur lequel je veux filtrer les enregistrements du serveur.

Remarque: Je n'utilise pas la fonctionnalité de filtres existante disponible avec jqgrid par défaut.

Je suis un peu confus comment puis-je y parvenir. Existe-t-il une fonctionnalité intégrée de jqgrid pour y parvenir? La façon dont j'occupe actuellement c'est je gère l'événement click dans mon javascript et les données post d'alimentation à la méthode d'action:

$('#submit').click(function() { 

      $("#customers").jqGrid('setGridParam', { postData: { 'ContactName': $('#contactName').val(), 
       CompanyName: $('#companyName').val() 
      } 
      }); 

      $("#customers").trigger("reloadGrid"); 

     }); 

Ces données de poste est ensuite capturé sur la méthode d'action et il fonctionne très bien. Y a-t-il une meilleure façon de faire cela? ou suis-je sur la bonne voie? Parfois, je sens que j'écris moins de code sur le serveur et sont devenus plus d'un programmeur côté client depuis que je commencé à utiliser Asp.Net MVC 3.0;)

Answer 1

Vous ne devez pas utiliser setGridParam changer postData comme vous pouvez déclarer une fonction:

jqGrid({ 
    url : ..., 
    datatype : ..., 
    mtype : "POST", 
    postData : { 
      "ContactName" : (function() { 
          return $("#contactName").val(); 
         }) 
    } 
} 

afin que votre fonction d'envoi n'appel à reloadGrid

$('#submit').click(function() { 
    $("#customers").trigger("reloadGrid"); 
} 

Si vous voulez réduire la quantité de code, un Vous devriez créer une API simple dans JS pour sélectionner des entités comme Client, Personne, Contact, etc. Actuellement, j'ai une application dont les formulaires se composent de dizaines d'entités - j'ai donc dû créer une API JS pour la sélection (cela donne aussi regarde et ressent). Du côté client, le client spécifie le nom de la liste à obtenir, tandis que la liste des noms possibles est définie dans le fichier de configuration du serveur, qui définit également la requête vers l'ORM et l'affichage des champs (j'utilise un langage d'expression des champs d'entité aux chaînes).