Текстовое поле текстового поля JQGrid не работает

Question

My Paginator JQGrid не работает должным образом. Кнопки навигации работают нормально. Но при вводе номера страницы вручную и нажатии клавиши ввода он не работает. Я попробовал все возможные варианты. Но все же он не работает. Может кто-нибудь помочь мне определить проблему.

Вот мой код создания сетки:

$("#ptSPSDataGrid").jqGrid({ 
     datatype: 'local', 
     data: localdata, 
     colModel: colmod, 
     rowNum: 10, 
     rowList: [10, 25, 50], 
     pager: '#ptSPSPager', 
     page: 1, 
     gridview: true, 
     rownumbers: false, 
     viewrecords: true, 
     altRows: true,   
     loadtext: "Loading parts data...", 
     caption: 'Part Data', 
     width: 713, 
     shrinkToFit: false, 
     scrollOffset: 0, 
     height: '100%', 
     loadComplete: function() { 
      $("#ptSPSDataGrid").trigger("reloadGrid"); // Call to fix client-side sorting 
     } 
    }); 
$("#ptSPSDataGrid").jqGrid('navGrid', '#ptSPSPager', { add: false, edit: false, del: false, search: false, refresh: false }); 
      $("#ptSPSDataGrid").jqGrid('navButtonAdd', '#ptSPSPager', { 
       caption: "Show/Hide Columns", 
       title: "Click here to select the columns to view", 
       onClickButton: function() { //Adding some code 
       }, 
     position: "last" 
    }); 

Answer 1

Я думаю, что проблема в линиях

loadComplete: function() { 
    $("#ptSPSDataGrid").trigger("reloadGrid"); // Call to fix client-side sorting 
} 

Событие reloadGrid сброс параметра page в 1, если явно не установлен дополнительный параметр (см. the answer).

Что вы, вероятно, захотите сделать, это вызвать перезагрузку только один раз. Таким образом, вы можете изменить код на что-то вроде

var firstLoad = true; 

$("#ptSPSDataGrid").jqGrid({ 
    datatype: 'local', 
    data: localdata, 
    ... // other parameters 
    loadComplete: function() { 
     if (firstLoad) { 
      $(this).trigger("reloadGrid"); // Call to fix client-side sorting 
      firstLoad = false; 
     } 
    } 
});