如何在頁面中的任何更改後在頁面上重新加載所有jqgrid

Question

我在頁面上有幾個jqgrid ..現在我想在我更新任何一個記錄後重新加載兩個jqgrid。

這裏是我的身體..

<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：功能（響應，POSTDATA）

     { 

          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的jqgrid不會被重新加載/刷新。我該如何操作Ac請問這個？

Answer 1

目前尚不清楚您的意思究竟發生了哪些變化。如果使用free jqGrid分支，則建議從服務器重新加載網格的方式（如果它具有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那麼一些回調的內部電網，我建議你包裹在setTimeout上面的代碼，允許前完成afterSubmit的處理重裝電網的重載：

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