jQgrid投稿時にカスタムデータを投稿

Question

誰かが同じページの別のフォームから動的データを投稿するためにjQgridを使用したことがあるのだろうか。ダイナミックな点では、投稿する入力名はわかりませんが、グリッドのレンダリング時にシリアル化されたフォーム全体を投稿するだけです。

私はpostDataで余分なデータを設定していますが、urlで正しくエンコードされているため、urlで正しく渡されません。参照：

$(document).ready(function() { 
    $("#rpt").jqGrid( 
    { url:'/get.json', 
    postData: {filter: $('form').serialize()}, 
    datatype: "json", 
    gridview: true, 
    colModel:[id:'col1'] 
}); 
}); 

を、ここでさまざまなスレッドを通って、他のサイトで、私は無駄に提案JSON.stringifyと、フォーム上のserializearray（）と同様に、カスタム機能を試してみました。フォームデータはエンコードされて表示され、_GET経由で反対側では利用できません。

どのような提案も素晴らしいでしょう - ありがとう！

Answer 1

どのフォームでサーバー側のフォームからデータを取得するかわかりません。それでも私は、次のテストフォーム

<form id="myForm"> 
    <div><input type="text" name="a" value="1 from a" id="a" /></div> 
    <div><input type="text" name="b" value="2 from b" id="b" /></div> 
    <div><input type="hidden" name="c" value="3 from c" id="c" /></div> 
    <div> 
    <textarea name="d" rows="8" cols="40">4</textarea> 
    </div> 
    <div><select name="e"> 
    <option value="5" selected="selected">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    </select></div> 
    <div> 
    <input type="checkbox" name="f" value="8" id="f" /> 
    </div> 
</form> 

の場合result変数は

var result = { 
    a: "1 from a", 
    b: "2 from b", 
    c: "3 from c", 
    d: "4", 
    e: "5" 
} 

のできるので変換されます以下のフォーム

postData: { 
    filter: function() { 
     var result = {}, i, item, 
      formInfo = $('form#myForm').serializeArray(), 
      l = formInfo.length; 
     for (i = 0; i < l; i++) { 
      item = formInfo[i]; 
      result[item.name] = item.value; 
     } 

     return JSON.stringify(result); 
    } 
} 

でpostDataを使用するためにあなたをお勧めしますデータが完了します。次にJSON.stringifyを使用してオブジェクトresultをJSON文字列に変換することをお勧めします。 （。それは必要ありませんすることができ、サーバーコードに依存）だから、filtersパラメータを使用すると、対応する小さなdemoのHTTPトラフィックを検査するためにFiddlerまたはFirebugを使用することができます

{"a":"1 from a","b":"2 from b","c":"3 from c","d":"4","e":"5"} 

として送信されます。