jqgrid - 更新ボタンのクリック時のJQgrid

Question

JQGridの更新ボタンクリック時にコードを書きたい。そのためのイベントはありますか？

Answer 1

更新が開始される前に何らかのアクションを実行する必要がある場合は、 beforeRefreshコールバックを使用する必要があります。

$("#grid_id").jqGrid('navGrid', '#gridpager', {
    beforeRefresh: function () {
        // some code here
    }
});

$("#grid_id").trigger("reloadGrid");呼び出しを行わない(奇妙に聞こえる)グリッド Refreshing の絶対的な別の実装が必要な場合は、 refresh: falseoption を使用して標準の [更新] ボタンを削除し、navButtonAddを使用して元のボタンとまったく同じように見えるカスタム ボタンを追加することでこれを行うことができます。

$("#grid_id").jqGrid('navGrid', '#gridpager', {refresh: false});
$("#grid_id").jqGrid('navButtonAdd', "#gridpager", {
     caption: "", title: "Reload Grid", buttonicon: "ui-icon-refresh",
     onClickButton: function () {
         alert('"Refresh" button is clicked!');
     }
});

Answer 2

更新ボタンのcssはui-icon-refresh

このCSSにカスタムコードを書くことができます

jQuery('.ui-icon-refresh').click(function(){
  // do your work
});