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

先に進むページがなくなったときに次と最後のボタンを表示したくないので、これはより完全な解決策だと思います。