ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery に基づく js ページング パッケージ

jquery_jquery に基づく js ページング パッケージ

WBOY
WBOYオリジナル
2016-05-16 17:59:231243ブラウズ
コードをコピー コードは次のとおりです。

(function ($) {
var PageFunc = function PageFunc( ) { }
$.PageFunc = function (Total, PageSize, curPageNum, FunUrl) {
if (PageSize == "" || PageSize == null || PageSize == 未定義) {
PageSize = 10;
}
if (curPageNum == "" || curPageNum == null || curPageNum == 未定義) {
curPageNum = 1;
//計算合計ページ数
Total = parseInt(Total); //合計レコード数
PageSize = parseInt(PageSize) //ページごとに表示される数
curPageNum = parseInt(curPageNum); page
// 総ページ数
var AllPage = Math.floor(Total / PageSize);
if (Total % PageSize != 0) {
AllPage ;
var navHtml = " ";

if (curPageNum curPageNum = 1;
if (AllPage > 1) {
if (curPageNum != 1) ) {
// ホームページ接続を処理します
navHtml = "|< ";
}
if (curPageNum > 1) {
//前のページへの接続を処理します
navHtml = "<< ";
}
else {
navHtml = "<< ";
}

var currint = 5;
for (var i = 0; i //合計 前に 5 つ、後ろに 5 つずつ、最大 10 個のページ番号を表示します
if ((curPageNum i - currint) >= 1 && (curPageNum i - currint) <= AllPage)
if (currint == i) {
//現在のページ処理
navHtml = "[" curPageNum "] ";
else {
/ /一般的なページ処理
var n = curPageNum i - currint;
navHtml = "" n " ";
}
}
if (curPageNum < AllPage) {
//次のページへのリンクを処理します
navHtml = ">> ";
}
else {
navHtml = ">> ";
}

if (curPageNum ! = AllPage) {
navHtml = " >|  " ;
}

}

navHtml = "[" curPageNum "/" AllPage "]

return navHtml;

};

})(jQuery);


呼び出しメソッドは次のとおりです:


コードをコピー