jQuery JQGrid分頁事件

Question

剛接觸jQuery，不知道如何實現jQuery JqGrid分頁事件。 實際要求是，在頁面的變化我必須從數據庫中獲取一些記錄。 因此，我需要知道如何實現Jqgrid分頁事件。

獲取錯誤@ Line：var currentPage = $（'＃gridData'）。getGridParam（'page'）; //獲取當前頁面

錯誤消息：0x800a01b6 - 微軟jscript運行時錯誤對象不支持此屬性或方法。 以下是供參考的代碼。

$("#gridData").jqGrid({ 
       data: selectedTblData.Table.Rows, 
       datatype: "local", 
       toppager: true, 
       height: "100%", 
       width: (selectedTblData.Table.Width < 1000) ? 985 : "100%", 
       altRows: true, 
       altclass: "custom-alt-row", 
       colNames: selectedTblData.Table.colNames, 
       colModel: selectedTblData.Table.colModel, 
       multiselect: false, 
       rowNum: 25, 
       rowList: [15, 25, 50, 75, 100], 
       mtype: 'GET', 
       pager: '#pager', 
       sortname: selectedTblData.Table.colNames[0], 
       sortorder: "asc", 
       viewrecords: true, 
       shrinkToFit: (selectedTblData.Table.Width < 1000), 
       caption: tableName, 
       secureUri: false, 
       contentType: "application/json; charset=utf-8", 
       loadonce: true, 
       //BS Page start 
       onPaging: function (pgButton) { 
        //debugger; 


        var pagerId = this.p.pager.substr(1); // get paper id like "pager" 
        var currentPage = $('#gridData').getGridParam('page'); //get current page 
        var lastPage = $("#gridData").getGridParam("lastpage"); //get last page 

       if (currentPage - 1 == lastPage - 1) 
        $("#gridData").setGridParam({ page: lastPage }).trigger("reloadGrid"); // set the requested page to the last page value – then reload 

       var currentRecordCount = $("#gridData").getGridParam("reccount"); //get the record count 
       var recordsPerPage = $("#gridData").getGridParam("rowNum"); // get the records per page 
       var newValue = 0; // new value 
       if (pgButton === "user") { 
        newValue = $(".ui-pg-input").val(); 
       } 
       else { 

        if (pgButton.indexOf("next") >= 0) 
         newValue = ++currentPage; 
        else if (pgButton.indexOf("prev") >= 0) 
         newValue = --currentPage; 
        else if (pgButton.indexOf("last") >= 0) 
         newValue = $("#gridId").getGridParam('lastpage'); 
        else if (pgButton.indexOf("first") >= 0) 
         newValue = 1; 
       } 
        alert(newValue); 
        $("#gridData").setGridParam({ page: newValue }).trigger("reloadGrid"); // set the requested page to the last page value – then reload 
        currentRecordCount = $("#gridData").getGridParam("reccount"); // read the current page records 
        alert('RecordCount: ' + currentRecordCount + ' RecordsPerPage: ' + recordsPerPage); 

       if (currentRecordCount < recordsPerPage) { 
        startRange = 1; 
        endRange += endRange; 

        jQuery("#gridData").jqGrid("setGridParam", { datatype: "json", data: "{TableName :'" + tableName + "'}", url: "TablesCoolView.aspx/GetTableData" }).trigger("reloadGrid"); 
       } 
      } 
       //BS page end 
      }); 

請幫我解決這個問題。

Answer 1

onPaging是你正在尋找的事件..

這將幫助：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:pager