jqGrid navgrid проблема

Question

Я использую функцию navgrid для разбивки на страницы. Но функция navGrid не вызывается. Я попытался установить предупреждение в файле jqgrid.js, где определяется navGrid. Но это предупреждение также не вызвано.

$("#order-list-table").jqGrid({ 
    autowidth: true, 
    datatype : "json", 
    url: "order-list.htm", 
    height: '90%', 
    width: '100%', 
    mtype: 'POST', 
    colNames: [ 
     jQuery.i18n.prop('columnExternalOrderID'), 
     jQuery.i18n.prop('columnInternalOrderID'), 
     jQuery.i18n.prop('columnState'), 
     jQuery.i18n.prop('columnDate'), 
     jQuery.i18n.prop('columnErrorState'), 
     jQuery.i18n.prop('columnAction'), 
    ], 
    colModel : [ 
     {name: "Ext Order ID", index: "externalOrderId",jsonmap:"externalOrderId"}, 
     {name: "Int Order ID", index: "id", jsonmap: "id"}, 
     {name: "State", index: "tkOrderStateId", jsonmap: "tkOrderStateId"}, 
     {name: "Date", index:"timestampOrderentry", jsonmap:"timestampOrderentry"}, 
     {name: "Error State", index: "tkErrorStateId", jsonmap: "tkErrorStateId"}, 
     {name: "Action", index: "realty", jsonmap: "realty"} 
    ], 
    forceFit: true, 
    altRows: true, 
    rowNum:2, 
    rowList:[1,2], 
    page: 1, 
    pager: '#order-list-pager', 
    sortname : "Ext Order ID", 
    sortorder: "desc", 
    shrinkToFit: true, 
    viewrecords: true, 
    jsonReader : { repeatitems: false }, 
    onSelectRow: function(){ 
     alert(jQuery("#order-list-table").getGridParam('selrow')); 
    }, 
    gridComplete: function() { 
     // resize the datagrid to fit the page properly: 
     $('#order-list').width('100%'); 
     $('#order-list').css('overflow','hidden'); 
     $('#order-list').children('div').width('100%'); 
     $('#order-list').children('div').each(function() { 
      $("div", this).width('100%'); 
      $("table", this).width('100%'); 
      $("div", this).css('overflow','hidden'); 
      $("table", this).css('overflow','hidden'); 
      $("td", this).css('text-align','center'); 
      $(this).find('#order-list-table').width('100%'); 
     }); 
    } 
}); 

var gwdth = $("#order-list").width(); 
$("#order-list-table").jqGrid().setGridWidth(gwdth); 

jquery("#order-list-table").jqgrid('navGrid', 
    '#order-list-pager',{edit:true,add:true,del:true}); 

Выше функция jqGrid, что я называю.

Answer 1

кажется, что ваша ошибка очень проста: вы должны заменить jquery на jQuery и jqgrid к jqGrid (а capical «G») в последней строке кода. Следующее заявление должно работать:

jQuery("#order-list-table").jqGrid('navGrid', 
    '#order-list-pager',{edit:true,add:true,del:true});