JQgrid点击刷新按钮

Question

我想在JQGrid的Refresh按钮上编写代码.那有什么事吗？

Answer 1

如果您需要在启动刷新之前执行某些操作,则应使用beforeRefresh回调:

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

如果你需要绝对的另一个网格刷新实现你不会调用$("#grid_id").trigger("reloadGrid");(听起来很奇怪)你可以通过使用refresh: false选项来删除标准的Refresh按钮并使用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
});