Réglage du type de contenu de la demande effectuée par jQuery jqGrid

Je suis en utilisant la dernière version de jqGrid: 3.6.4

Cela semble être un problème simple (ou au moins, elle a fait avant, j'ai passé quelques heures dessus):

Lorsque la grille envoie une requête au serveur (pour une action de contrôleur), son contenu est toujours de type:

application/x-www-form-urlencoded; charset=UTF-8

et je voudrais qu'il soit:

application/json; charset=utf-8

mais je ne trouve pas de moyen de définir le type de contenu (il n'y a pas de contentType option que vous vous trouviez sur un $.appel ajax par exemple).

Donc, juste pour clarifier, je ne demande pas comment faire pour définir le type de contenu sur jQuery demande de serveur, mais plus particulièrement à l'aide jqGrid, qui ne fournit pas une option évidente pour ce faire.

Merci, Nigel.

Mise à jour:
Oleg réponse fixe résolu.

Voici l'option paramètres de la grille:

jQuery("#ContactGridList").jqGrid({
        url: '/ContactSelect/GridData/',
        datatype: 'json',
        ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
        mtype: 'POST',
        ...
InformationsquelleAutor Nigel | 2010-04-20
  1. 26

    Comment vous pouvez trouver dans le code de grid.base.js la $.ajax appel de remplissage de la grille contiennent ressemble à ce qui suit:

    $.ajax($.extend({
    url: ts.p.url,
    type: ts.p.mtype,
    dataType: dt,
    data: $.isFunction(ts.p.serializeGridData) ?
             ts.p.serializeGridData.call(ts, ts.p.postData) : ts.p.postData,
    complete: function (req, st) {
       ...
    }
    ...
}, $.jgrid.ajaxOptions, ts.p.ajaxGridOptions));

    De sorte que vous pouvez utiliser ajaxGridOptions option de jqGrid de régler ou de remplacer n'importe quel paramètre de $.ajax demande. Parce que je utiliser JSON demande à mon serveur, j'ai mis de paramétrage général de contentType comme

    $.extend($.jgrid.defaults, {
    datatype: 'json',
    {ajaxGridOptions: { contentType: "application/json" },
    {ajaxRowOptions: { contentType: "application/json", type: "PUT" },
    ...
});

    La ajaxRowOptions sont utilisés dans grid.inlinedit.js pour la ligne d'édition. Pour le formulaire de modifier d'autres paramètres, que j'ai mis aussi en tant que paramètre global:

    $.extend($.jgrid.edit, {
    ajaxEditOptions: { contentType: "application/json" },
    ...
});

$.extend($.jgrid.del, {
    ajaxDelOptions: { contentType: "application/json" },
    mtype: "DELETE",
    ...
});

    Comment vous pouvez voir mon serveur est un service de Détente (développé principalement dans le FMC et le reste en ASP.NET MVC). Parce que $.jgrid.edit est un paramètre à la fois pour "ajouter", "modifier" éléments, je ne pouvais pas changer mtype: "PUT" pour "modifier" seulement, ce que je fais dans les paramètres de navGrid().

    La dernière ajax paramètre que vous pourriez trouver intéressant aussi est ajaxSelectOptions. Vous pouvez le configurer de la même façon que ajaxGridOptions. Les paramètres de ajaxSelectOptions sont utiles si vous utilisez dataUrl paramètre à l'intérieur de editoptions ou searchoptions. J'utilise, par exemple, dataUrl à l'intérieur de colModel pour la définition des colonnes de type edittype: 'select'. Les valeurs possibles de l'option de sélection sera chargé à partir du serveur en ligne ou le formulaire d'édition ou à l'intérieur de la boîte de dialogue de recherche. Parce que pour un tel chargement de données sont utilisés ajax, il est correspondant ajaxSelectOptions option.

    Meilleures salutations.

    • Grâce Oleg! Qu'il a fait; j'ai ajouté mon code d'exemple à la question.
    • Très étrange! J'utilise aussi jqGrid 3.6.4. Parce que j'utilise jQuery 1.4.2-je utiliser la version de github.com/tonytomov/jqGrid, mais les fonctionnalités ajax existe démarrer à partir de 3.6 (3.6.0). Vous pouvez rechercher ajaxGridOptions dans vous version de jqGrid afin de le vérifier. Je vous suggère de charger la dernière version non compressée de jqGrid à partir de github.com/tonytomov/jqGrid, modifiez votre code pour utiliser cette js fichiers (grid.loader.js par exemple), définir des points d'arrêt à l'intérieur de grid.base.js (recherche de .ajax) et à l'intérieur de jQuery.ajax (également non compressé jquery-1.4.2.js). Vous pouvez aussi faire un test avec la configuration $.jgrid.les valeurs par défaut.
    • Vous êtes la bienvenue une fois de plus! Un autre rappel beforeProcessing venir plus tard, mais il peut être également très utile dans certains scénarios. Il permet de modifier la réponse du serveur en quelque sorte avant elle sera traitée par jqGrid.
    • serializeGridData n'est pas appelé avec le postData lors de l'ajout d'une ligne avec le formulaire. Elle a changé depuis ce message ? serializeDelData n'est pas appelé.
    • Désolé, je ne peux pas vous suivre . C'est mieux que de vous décrire de façon détaillée ce que vous faites et ce problème que vous avez. postData paramètre et serializeGridData rappel de jqGrid permet d'étendre les paramètres affichés sur le serveur pour de remplissage de la grille. serializeDelData rappel de formulaire d'édition sera appelé par delGridRow la méthode que vous pourriez appeler directement ou indirectement. Vous pouvez ajouter d'autres données affichées lors de la suppression de la ligne. - On savoir comment vous les utilisez delGridRow et la version de jqGrid.
    • Je suis à la recherche pour le callback qui est appelée lors de l'ajout d'une ligne dans le navigateur de formulaire mais je ne le trouve pas, serializeGridData n'est appelée que lorsque la pagination ou la recherche
    • Désolé, mais tout ce que vous écrivez je peux interpréter dans de nombreuses façons. Je dois deviner ce que vous faites, ce que jqGrid version que vous utilisez, comment vous l'utilisez et quels sont les problèmes que tu pourrais avoir. Il serait mieux si vous poster de nouvelles questions séparées où vous décrire claire et détaillée de ce que vous faites et ce problème que vous avez. Il serait d'accélérer si vous créez JSFiddle démo (ou une autre démo) qui montre ce que vous faites. On pourrait juste faire quelques modifications dans le code pour montrer comment on peut résoudre votre problèmes.
    • Je comprends, ma question n'était pas claire. De toute façon, j'ai enfin réussi à le faire fonctionner. J'ai trouvé que le "ajouter" dans la navGrid besoin d'utiliser ajaxEditOptions et serializeEditData . Il me confond, j'ai essayé d'utiliser ajaxAddOptions et serializeAddData qui n'existe pas.

    InformationsquelleAutor Oleg