Meilleure façon de changer jqGrid rowNum de ALL à -1 avant de passer à un service Web

Question

Je cherche la meilleure façon de permettre aux utilisateurs de choisir d'afficher TOUS les enregistrements dans un jqGrid. Je sais qu'une valeur -1 passée pour le paramètre rows indique ALL, mais je veux que le mot "ALL" ne soit pas -1 dans l'élément rowList select, ie. rowList: [15, 50, 100, 'ALL'].

Je passe la requête de grille à un service Web qui accepte un int pour "rows", et j'essaie de trouver comment et quand je devrais changer la valeur sélectionnée par l'utilisateur de "ALL" à -1 avant que est envoyé au service Web.

Voici le code maillé nettoyé. J'ai essayé quelques différents blocs de code avant mon $ .ajax dans la fonction de type de données. Mais la plupart des tentatives semblaient juste que je devais le faire de la manière la plus alambiquée que je pourrais. Par exemple,

datatype: function(postdata) { 
    if ($("#gridTableAssets").jqGrid('getGridParam', 'rowNum') == 'ALL') { 
     $("#gridTableAssets").appendPostData({ "rows": -1, "page": 1 }); 
    } 
    $.ajax({... 

Mais faire cela semblait faire la « page » réelle GridParam à Nulled sur les actions de grille suivantes, me forçant poignée dans d'autres endroits. Il semble juste que c'est quelque chose qui serait souvent fait là-bas et avoir une façon propre de le faire.

code réseau Nettoyé:

$("#gridTableAssets").jqGrid({ 
    datatype: function(postdata) { 
     $.ajax({ 
      url: "/Service/Repository.asmx/GetAssets", 
      data: JSON.stringify(postdata), 
      type: 'POST', 
      contentType: "application/json; charset=utf-8", 
      error: function(XMLHttpRequest, textStatus, errorThrown) { 
       alert('error'); 
      }, 
      success: function(msg) { 
       var assetsGrid = $("#gridTableAssets")[0]; 
       assetsGrid.addJSONData(JSON.parse(msg)); 
       ... 
      } 
     }); 
    }, 
    ... 
    pager: $('#pagerAssets'), 
    rowNum: 15, 
    rowList: [15, 50, 100, 'ALL'], 
    ...      
    onPaging: function(index, colindex, sortorder) { 
     SessionKeepAlive(); 
    } 
}); 

Et voici le service Web

[WebMethod] 
public string GetAssetsOfAssetStructure(bool _search, int rows, int page, 
    string sidx, string sord, string filters) 

Answer 1

Tout d'abord je trouve votre question très bonne. Comme j'ai commencé avec jqGrid je cherchais "Tous" dans le rowList et fait quelques expériences, mais sans succès. Puis j'ai oublié ce problème. Maintenant, après votre question, je pense à utiliser cette fonctionnalité dans tous mes jqGrids.

Maintenant à propos de la solution. C'est très facile, mais avant tout, je suggère de remplacer datatype par la fonction datatype: 'json'. Tout ce que vous faites à l'intérieur de la fonction que vous pouvez faire avec le type standard 'json'. Pour changer contentType à "application/json; charset=utf-8" on peut utiliser l'option ajaxGridOptions (voir Setting the content-type of requests performed by jQuery jqGrid pour les détails). On peut utiliser le paramètre postData en remplacement du paramètre data de jQuery.ajax, mais vous en aurez besoin seulement si vous voulez envoyer des paramètres supplémentaires au serveur (comme décrit dans How to filter the jqGrid data NOT using the built in search/filter box). A la fin, nous recevons quelque chose comme ce qui suit:

$("#gridTableAssets").jqGrid({ 
    datatype: 'json', 
    gridview: true, 
    url: '/Service/Repository.asmx/GetAssets', 
    //postData: postdata, // add some additional parameters 
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
    mtype: 'POST', 
    // ... 
    pager: $('#pagerAssets'), 
    rowNum: 15, 
    rowList: [15, 50, 100, 'ALL'], 
    serializeGridData: function (postData) { 
     if (typeof postData.rows === "string") { // "ALL" 
      postData.rows = 10000; // or -1 if your server 
     } 
     if (isNaN(postData.page)) { // fix NaN in page for rows="ALL" 
      postData.page = 1; 
     } 
     return JSON.stringify(postData); 
    }, 
    // ...      
}); 

Si vous prévoyez d'utiliser serializeGridData, ajaxGridOptions et d'autres paramètres dans tous vos jqGrids vous pouvez définir cette fonction à l'intérieur de $.jgrid.defaults (voir une fois de plus Setting the content-type of requests performed by jQuery jqGrid).