JQgrid点击刷新按钮

Question

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

Answer 1

如果您需要在刷新之前执行某些操作，则应使用beforeRefresh回调：

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

如果你需要绝对的另一个网格刷新实现，你不会调用$("#grid_id").trigger("reloadGrid");（听起来很奇怪）你可以通过使用refresh: false选项来删除标准的Refresh按钮并使用{ {3}}添加与原始按钮完全相同的自定义按钮：

$("#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 for refresh按钮为ui-icon-refresh

所以你可以在这个css上编写自定义代码，如

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