jqgrid - JQgrid 刷新按钮单击

Question

我想在 JQGrid 的 Refresh 按钮单击上编写代码。有什么活动吗？

Answer 1

如果您需要在开始刷新之前执行一些操作，您应该使用beforeRefresh回调：

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

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