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');
                 }
            }

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

启用了没有值的JqGrid下一个按钮

2 个答案: