jqGrid navgrid問題

Question

我正在使用navgrid函數進行分頁。但navGrid函數沒有被調用。我嘗試在定義了navGrid的jqgrid.js文件中放置一個警報。但是這個警報也沒有被調用。

$("#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});