Panggilan:
Copy kode kodenya sebagai berikut:
var pageChange = fungsi (indeks) {
var html = pager("divid", indeks, 5, 1000, pageChange, { showGoTo: false, showFirst: false });
}
menyelesaikan:
Copy kode kodenya sebagai berikut:
pager = fungsi (divPager, pageIndex, pageSize, totalCount, pageChange, opt) {
var theOpt = {
barSize: 5, //Jumlah halaman yang ditampilkan di bilah paging
barTemplate: "{bar} total {totalPage} halaman {totalCount} item {goto}", //templat tampilan
autoHide: true, //Apakah akan disembunyikan secara otomatis
showFirst: true, //Apakah akan otomatis menampilkan link halaman pertama ketika totalPage>barSize
showLast: true, //Apakah akan otomatis menampilkan link halaman terakhir ketika totalPage>barSize
showGoTo: true, //Apakah akan menampilkan GoTo
autoHideGoTo: true //Jika terlalu sedikit, apakah akan menyembunyikan GoTo secara otomatis
};
jika (memilih) {
if(opt.barUkuran)
theOpt.barSize = opt.barSize;
if(opt.barTemplate)
theOpt.barTemplate = opt.barTemplate;
jika (opt.autoHide == salah)
theOpt.autoHide = salah;
jika (opt.showFirst == salah)
theOpt.showFirst = salah;
jika (opt.showLast = salah)
theOpt.showLast = salah;
jika (opt.showGoTo == salah)
theOpt.showGoTo = salah;
jika (opt.autoHideGoTo == salah)
theOpt.autoHideGoTo = salah;
}
var handles = window.myPagerChanges = (fungsi (x) { return x; } (window.myPagerChanges || {}));
if (!myPagerChanges[divPager]) myPagerChanges[divPager] = pageChange;
var startPage = 0; //Halaman awal bilah paging
var halaman akhir = 0; //Halaman akhir bilah halaman
var showFirst = benar;
var showLast = benar;
if (isNaN(indeks halaman)) {
indeks halaman = 1;
}
pageIndex = parseInt(pageIndex);
jika (indeks halaman <= 0)
indeks halaman = 1;
if (indeks halaman * ukuran halaman > jumlah total) {
pageIndex = Math.ceil(totalCount / pageSize);
}
if (totalCount == 0) {//Jika tidak ada data
dokumen.getElementById(divPager).innerHTML = "";
kembali "";
}
var totalPage = Math.ceil(totalCount / pageSize);
if (theOpt.autoHide && totalCount <= pageSize) { //Sembunyikan otomatis
dokumen.getElementById(divPager).innerHTML = "";
kembali "";
}
if (totalPage <= theOpt.barSize) {
halaman awal = 1;
halaman akhir = ini.totalPage;
theOpt.showLast = theOpt.showFirst = salah;
}
kalau tidak {
if (pageIndex <= Math.ceil(theOpt.barSize / 2)) {/ //Beberapa halaman pertama
halaman awal = 1;
halaman akhir = theOpt.barSize;
theOpt.showFirst = salah;
}
else if (pageIndex > (totalPage - theOpt.barSize / 2)) {/ //Beberapa halaman terakhir
startPage = totalPage - theOpt.barSize + 1;
halaman akhir = total halaman;
theOpt.showLast = salah;
}
else {//Halaman tengah
startPage = pageIndex - Math.ceil(theOpt.barSize / 2) + 1;
endPage = pageIndex + Math.floor(theOpt.barSize / 2);
}
if (totalPage <= (theOpt.barSize * 1.5)) {
theOpt.showLast = theOpt.showFirst = salah;
}
}
fungsi _getLink(indeks, txt) {
if (!txt) txt = indeks;
kembalikan "<a href='javascript:;' style='margin: 2px 5px;batas: 1px solid #6d8cad;warna: #0269BA;padding: 2px 5px;dekorasi teks: tidak ada;' onclick='myPagerChanges[/" " + divPager + "/"](" + indeks + ")'>" + txt + "</a>";
}
var barHtml = ""; //Bilah halaman
barHtml += pageIndex == 1 ? "" : _getLink(pageIndex - 1, "Halaman sebelumnya");
if (theOpt.showFirst) {
barHtml += _getLink(1) + "<span>...</span>";
}
untuk (var indeks = halaman awal; indeks <= halaman akhir; indeks++) {
if (indeks == indeks halaman) {
barHtml += "<span style='color:red;font-weight:blod; '>" + indeks + "</span>";
}
kalau tidak {
barHtml += _getLink(indeks);
}
}
if (theOpt.showLast) {
barHtml += "<span>...</span>" + _getLink(totalPage);
}
barHtml += pageIndex == totalPage "" : _getLink(pageIndex + 1, "halaman berikutnya");
var gotoHtml = ""; //buka kotak dan tombol
if (theOpt.showGoTo && theOpt.barTemplate.indexOf("{goto}") > 0) {
if ((theOpt.autoHideGoTo && totalPage > 15) || theOpt.autoHideGoTo == false) {
var txtid = divPager + "_goIndex";
var indexVal = "document.getElementById(/"" + txtid + "/").value";
gotoHtml += "<input type='text' onkeypress='if(event.keyCode==13){myPagerChanges[/"" + divPager + "/"](" + indexVal + ")}' id='" + txtid + "' value=" + pageIndex + " style='width:30px'>";
gotoHtml += "<input type='button' class='page_bg' value='go' onclick='myPagerChanges[/"" + divPager + "/"](" + indexVal + ")'>";
}
}
//ganti templat
var pagerHtml = theOpt.barTemplate.replace("{bar}", barHtml)
.replace("{totalCount}", totalCount)
.replace("{pageIndex}", pageIndex)
.replace("{totalPage}", totalPage)
.replace("{goto}", gotoHtml);
dokumen.getElementById(divPager).innerHTML = pagerHtml;
kembalikan pagerHtml;
};