jqgrid - 启用 JqGrid 下一个按钮以不返回任何值

Question

当 Jqgrid 没有返回任何值时，我们会遇到问题。在这种情况下，寻呼机（jqGrid）的下一个按钮被启用。当网格为空时，我们必须禁用它。请帮助我找到解决方案。

Answer 1

要将下一个按钮设置为禁用，您可以执行以下操作：

$('#next_' + yourgridid + '_pager').addClass('ui-state-disabled');

要重新启用按钮，请执行以下操作：

$('#next_' + yourgridid + '_pager').removeClass('ui-state-disabled');

我建议在loadComplete(data)事件中执行此操作。

$("#yourgridid").jqGrid({
...
   loadComplete: function(data){ 
       var records = $('#yourgridid').jqGrid('getGridParam', 'reccount');
       //note: you can also get record count via data.records or data.rows.length in this function
       if (records > 0) {
            $('#next_' + yourgridid + '_pager').removeClass('ui-state-disabled');
       } else {
            $('#next_' + yourgridid + '_pager').addClass('ui-state-disabled');
       }
   },
...
});

Answer 2

loadComplete: function (data) {
                  var page = $('#mygrid').jqGrid('getGridParam', 'page');
                  var lastpage = $("#mygrid").getGridParam('lastpage');
                 //note: you can also get record count via data.records or data.rows.length in this function
                if (lastpage > page) {
                     $('#next_mygridpager').removeClass('ui-state-disabled');
                     $('#last_mygridpager').removeClass('ui-state-disabled');
                 } else {
                     $('#next_mygridpager').addClass('ui-state-disabled');
                     $('#last_mygridpager').addClass('ui-state-disabled');
                 }
            }

我相信这是一个更完整的解决方案，因为您也不希望在没有更多页面前进时出现下一个和最后一个按钮。