jqgridローカルキャッシュを無効にするにはどうすればよいですか？

Question

jqgridローカルキャッシュを無効にする方法はありますか？ 私はいくつかのフィルタを構築し、このパラメータに基づいてjqgridを作成するページを持っています。

問題は、jqgridがpostdataパラメータを変更しないことです。私は、第2、第3、第4などの検索では、結果は常に最初のものと等しいことを意味します。 マイjqgridデフォルトは以下のとおりです。

jQuery.extend(jQuery.jgrid.defaults, { 
     ajaxGridOptions: { 
      contentType: 'application/json;', 
      type: "POST", 
      cache: false, 
      beforeSend: function() { 
       $(".loading").show(); 
      } 
     }, 
     serializeGridData: function (postData) { 
      return JSON.stringify(postData); 
     }, 
     datatype: 'json', 
     autowidth: true, 
     height: '100%', 
     rowNum: 10, 
     rowList: [10, 20, 30], 
     hidegrid: false, 
     prmNames: { 
      search: "isSearch", 
      nd: null, 
      rows: "numRows", 
      page: "numPage", 
      sort: "orderBy", 
      order: "orderType" 
     }, 
     viewrecords: true, 
     gridComplete: function() { 
      $(".loading").hide(); 
     }, 
     jsonReader: { 
      root: function (obj) { return obj.d.rows; }, 
      page: function (obj) { return obj.d.page; }, 
      total: function (obj) { return obj.d.total; }, 
      records: function (obj) { return obj.d.rows.length; }, 
      repeatitems: false 
     } 
    }); 

jqGridの作成：私が正しくあなたを理解していれば

$myGrid.jqGrid({ 
     postData: { from: jQuery.parseDate(fromQueryString), to: jQuery.parseDate(toQueryString) }, 
     url: "/Search.aspx/Find", 
     colNames: ['Test'], 
     colModel: [ 
     { name: 'Test', index: 'Test', sortable: false, width: 40 } 
     ], 
     sortname: "Date", 
     sortorder: "desc", 
     jsonReader: { id: "ID" }, 
     pager: "pagerControl", 
     caption: "Results" 
}); 

Answer 1

、ページは "から" のコントロールは、IDSとinput#fromとinput#to（<input>フィールドのようないくつかのコントロールを構築してきましたと "to"）は、他のパラメータと一緒にサーバーに送信する間隔を定義します。

私はあなたのコードが

var $myGrid = $("#list"), 
    fromQueryString = "", 
    toQueryString = "", 
    createGrid = function() { 
     $myGrid.jqGrid({ 
      postData: { 
       from: jQuery.parseDate(fromQueryString), 
       to: jQuery.parseDate(toQueryString) 
      }, 
      url: "/Search.aspx/Find", 
      colNames: ['Test'], 
      colModel: [ 
       { name: 'Test', index: 'Test', sortable: false, width: 40 } 
      ], 
      sortname: "Date", 
      sortorder: "desc", 
      jsonReader: { id: "ID" }, 
      pager: "pagerControl", 
      caption: "Results" 
     }); 
    }, 
    myRefresh = function() { 
     var fromQueryString = $("#from").val(), 
      toQueryString = $("#to").val(); 

     createGrid(); 
    }; 

$("#from").change(myRefresh); 
$("#from").change(myRefresh); 
createGrid(); 

のように見える問題が上記のコードは間違っていることであると仮定します。 createGrid初めてグリッドを作成し、次に$myGridというグリッドが作成されたことをテスト後には何も処理しません（myRefreshの内部）。グリッドの多くの部分：タイトル、列ヘッダー、ページャーなどは、を一度だけ作成する必要があると想像してください。。次回はグリッド本体のの内容をリロードするだけでが必要になります。

jqGridをリフレッシュする正しい方法は、グリッド乗算時間を作成するのではなく、.trigger("reloadGrid")です。一つは、メソッドfromとpostDataのtoは、すべてのグリッドのリロードで呼び出される場合は、以下の

var $myGrid = $("#list"), 
    fromQueryString = "", 
    toQueryString = "", 
    createGrid = function() { 
     $myGrid.jqGrid({ 
      postData: { 
       from: function() { 
        return jQuery.parseDate($("#from").val()); 
       }, 
       to: function() { 
        jQuery.parseDate($("#to").val()); 
       } 
      }, 
      url: "/Search.aspx/Find", 
      colNames: ['Test'], 
      colModel: [ 
       { name: 'Test', index: 'Test', sortable: false, width: 40 } 
      ], 
      sortname: "Date", 
      sortorder: "desc", 
      jsonReader: { id: "ID" }, 
      pager: "pagerControl", 
      caption: "Results" 
     }); 
    }, 
    myRefresh = function() { 
     $myGrid.trigger("reloadGrid", [{page: 1}]); 
    }; 

$("#from").change(myRefresh); 
$("#from").change(myRefresh); 
createGrid(); 

にコードを修正することができます。たとえば、グリッドソートを変更するためにユーザーが列ヘッダーをクリックした場合、またはユーザーがグリッドの別のページを表示することを選択した場合などです。このアプローチについて詳しくはhereをご覧ください。

さらに変更できるのはserializeGridDataのコードで、postDataのプロパティをテストし、必要に応じて関数を呼び出す必要があります。詳細は、hereを参照してください。