ページ内のすべてのjqgridをリロードする方法

Question

ページにjqgridsをいくつか持っていますが、いずれかのレコードを更新した後に両方のjqgridsをリロードしたいのですが。ここで

は、私の体は...

<div style="position: relative; top: 40px; width:50%"> 
     <table id="list"><tr><td></td></tr></table> 
     <div id="pager"></div> 
    </div> 

    <div style="position: relative; top: -250px; left:50%;"> 
     <table id="list1"><tr><td></td></tr></table> 
     <div id="pager1"></div> 
    </div> 

で、ここでは後の最初のjqgridの機能を提出するためのスクリプトです...

afterSubmit：機能（応答、POSTデータ）

     { 

          if (response.responseText === "OK") 
          { 
           alert("Update is succefully"); 

           alert(this); 
           $(this).jqGrid("setGridParam", {datatype: 'json'}); 
           return [true, "", ""]; 

           alert("#list1"); 
           $("#list1").jqGrid("setGridParam", {datatype: 'json'}); 
           return [true, "", ""]; 
           // $(this).trigger('reloadGrid'); 

          } 
          else { 
           alert("Update failed"); 
           return [true, "", ""]; 
          } 
         } 

このコードを使用すると、最初のjqgridはデータを更新した後にリロードされ、そのjqgridに更新されたデータが表示されますが、id＃list1を持つ2番目のjqgridはリロード/リフレッシュされません。これはどうですか？

Answer 1

正確にはどのような意味が変わっているのかは不明です。 free jqGrid forkを使用する場合は、loadonce: trueオプションがある場合、サーバーからグリッドをリロードする推奨方法は、.trigger("reloadGrid", {fromServer: true})または$("#list").trigger("reloadGrid", [{fromServer: true, current: true, page: 1}]);（the answerまたはthis oneを参照）を使用することです。したがって、次の操作を実行できます。

$(".ui-jqgrid-btable").trigger("reloadGrid", {fromServer: true}); 

あなたはafterSubmitのようないくつかのコールバックの内側に格子状のリロードをトリガーする必要があるなら、私はあなたが前afterSubmitの処理を完了できるようにするためにsetTimeoutに上記のコードをラップすることをお勧めしますグリッドのリロード：

afterSubmit: function() { 
    setTimeout(function() { 
     $(".ui-jqgrid-btable").trigger("reloadGrid", {fromServer: true}); 
    }, 50); 
    return [true, "", ""]; 
}