jQuery JQGrid 分页事件

Question

我是 jQuery 新手，不知道如何实现 jQuery JqGrid 分页事件。\n实际要求是，在更改页面时我必须从数据库获取一些记录。\n因此，我需要知道如何实现 Jqgrid 分页事件。

\n\n

出现错误 @ Line:var currentPage = $(\'#gridData\').getGridParam(\'page\'); //获取当前页面

\n\n

错误消息：0x800a01b6 - microsoft jscript 运行时错误对象不支持此属性或方法。\n下面是供参考的代码。

\n\n

$("#gridData").jqGrid({\n                data: selectedTblData.Table.Rows,\n                datatype: "local",\n                toppager: true,\n                height: "100%",\n                width: (selectedTblData.Table.Width < 1000) ? 985 : "100%",\n                altRows: true,\n                altclass: "custom-alt-row",\n                colNames: selectedTblData.Table.colNames,\n                colModel: selectedTblData.Table.colModel,\n                multiselect: false,\n                rowNum: 25,\n                rowList: [15, 25, 50, 75, 100],\n                mtype: \'GET\',\n                pager: \'#pager\',\n                sortname: selectedTblData.Table.colNames[0],\n                sortorder: "asc",\n                viewrecords: true,\n                shrinkToFit: (selectedTblData.Table.Width < 1000),\n                caption: tableName,\n                secureUri: false,\n                contentType: "application/json; charset=utf-8",\n                loadonce: true,\n                //BS Page start\n                onPaging: function (pgButton) {\n                    //debugger;\n\n\n                    var pagerId = this.p.pager.substr(1); // get paper id like "pager"\n                    var currentPage = $(\'#gridData\').getGridParam(\'page\'); //get current  page\n                    var lastPage = $("#gridData").getGridParam("lastpage"); //get last page \n\n                if (currentPage - 1 == lastPage - 1)\n                    $("#gridData").setGridParam({ page: lastPage }).trigger("reloadGrid"); // set the requested page to the last page value \xe2\x80\x93 then reload\n\n                var currentRecordCount = $("#gridData").getGridParam("reccount");  //get the record count\n                var recordsPerPage = $("#gridData").getGridParam("rowNum");  // get the records per page\n                var newValue = 0;  // new value\n                if (pgButton === "user") {\n                    newValue = $(".ui-pg-input").val(); \n                }\n                else {\n\n                    if (pgButton.indexOf("next") >= 0)\n                        newValue = ++currentPage;\n                    else if (pgButton.indexOf("prev") >= 0)\n                        newValue = --currentPage;\n                    else if (pgButton.indexOf("last") >= 0)\n                        newValue = $("#gridId").getGridParam(\'lastpage\');\n                    else if (pgButton.indexOf("first") >= 0)\n                        newValue = 1;\n                }\n                    alert(newValue);\n                    $("#gridData").setGridParam({ page: newValue }).trigger("reloadGrid");  // set the requested page to the last page value \xe2\x80\x93 then reload\n                    currentRecordCount = $("#gridData").getGridParam("reccount");  // read the current page records\n                    alert(\'RecordCount: \' + currentRecordCount + \' RecordsPerPage: \' + recordsPerPage);\n\n                if (currentRecordCount < recordsPerPage) {\n                    startRange = 1;\n                    endRange += endRange;\n\n                    jQuery("#gridData").jqGrid("setGridParam", { datatype: "json", data: "{TableName :\'" + tableName + "\'}", url: "TablesCoolView.aspx/GetTableData" }).trigger("reloadGrid");\n                }\n            }\n                //BS page end\n            });\n

\n\n

请帮助我摆脱这个困境。

\n

Answer 1

onPaging是您正在寻找的事件..

这将有所帮助：http ://www.trirand.com/jqgridwiki/doku.php?id=wiki:pager