Chamar:
Copie o código do código da seguinte forma:
var pageChange = função (índice) {
var html = pager("dividir", índice, 5, 1000, pageChange, { showGoTo: false, showFirst: false });
}
concluir:
Copie o código do código da seguinte forma:
pager = função (divPager, pageIndex, pageSize, totalCount, pageChange, opt) {
var theOpt = {
barSize: 5, //O número de páginas exibidas na barra de paginação
barTemplate: "{bar} totaliza {totalPage} páginas {totalCount} itens {goto}", //modelo de exibição
autoHide: true, //Ocultar automaticamente
showFirst: true, //Se exibir automaticamente o link da primeira página quando totalPage>barSize
showLast: true, //Se exibir automaticamente o link da última página quando totalPage>barSize
showGoTo: true, //Se deseja exibir GoTo
autoHideGoTo: true //Se houver poucos, se deseja ocultar automaticamente o GoTo
};
se (optar) {
if(opt.barSize)
theOpt.barSize = opt.barSize;
if(opt.barTemplate)
theOpt.barTemplate = opt.barTemplate;
if (opt.autoHide == falso)
theOpt.autoHide = falso;
if (opt.showFirst == falso)
theOpt.showFirst = falso;
if (opt.showLast = falso)
theOpt.showLast = falso;
if (opt.showGoTo == falso)
theOpt.showGoTo = falso;
if (opt.autoHideGoTo == falso)
theOpt.autoHideGoTo = falso;
}
var handles = window.myPagerChanges = (function (x) { return x; } (window.myPagerChanges || {}));
if (!myPagerChanges[divPager]) myPagerChanges[divPager] = pageChange;
var startPage = 0; //Página inicial da barra de paginação
var endPage = 0; //Página final da barra da página
var mostrarPrimeiro = verdadeiro;
var showLast = true;
if (isNaN(pageIndex)) {
índicePágina = 1;
}
pageIndex = parseInt(pageIndex);
if (pageIndex <= 0)
índicePágina = 1;
if (pageIndex * pageSize > totalCount) {
pageIndex = Math.ceil(totalCount / pageSize);
}
if (totalCount == 0) { //Se não houver dados
document.getElementById(divPager).innerHTML = "";
retornar "";
}
var totalPage = Math.ceil(totalCount / pageSize);
if (theOpt.autoHide && totalCount <= pageSize) { //Ocultar automaticamente
document.getElementById(divPager).innerHTML = "";
retornar "";
}
if (totalPage <= theOpt.barSize) {
páginainicial = 1;
endPage = this.totalPage;
theOpt.showLast = theOpt.showFirst = falso;
}
outro {
if (pageIndex <= Math.ceil(theOpt.barSize / 2)) { //As primeiras páginas
páginainicial = 1;
endPage = theOpt.barSize;
theOpt.showFirst = falso;
}
else if (pageIndex > (totalPage - theOpt.barSize / 2)) { //As últimas páginas
startPage = totalPage - theOpt.barSize + 1;
endPage = totalPage;
theOpt.showLast = falso;
}
else { //A página do meio
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 = falso;
}
}
função _getLink(índice, txt) {
if (!txt) txt = índice;
return "<a href='javascript:;' estilo='margem: 2px 5px;borda: 1px sólido #6d8cad;cor: #0269BA;preenchimento: 2px 5px;decoração de texto: nenhum;' onclick='myPagerChanges[/" " + divPager + "/"](" + índice + ")'>" + txt + "</a>";
}
var barHtml = ""; //Barra da página
barHtml += pageIndex == 1 ?" : _getLink(pageIndex - 1, "Página anterior");
if (theOpt.showFirst) {
barHtml += _getLink(1) + "<span>...</span>";
}
for (var index = startPage; index <= endPage; index++) {
if (índice == índicepágina) {
barHtml += "<span style='color:red;font-weight:blod; '>" + índice + "</span>";
}
outro {
barHtml += _getLink(índice);
}
}
if (theOpt.showLast) {
barHtml += "<span>...</span>" + _getLink(totalPage);
}
barHtml += pageIndex == totalPage ?" : _getLink(pageIndex + 1, "próxima página");
var gotoHtml = ""; //vai para a caixa e botão
if (theOpt.showGoTo && theOpt.barTemplate.indexOf("{goto}") > 0) {
if ((theOpt.autoHideGoTo && totalPage > 15) || theOpt.autoHideGoTo == falso) {
var txtid = divPager + "_goIndex";
var indexVal = "document.getElementById(/"" + txtid + "/").valor";
gotoHtml += "<input type='text' onkeypress='if(event.keyCode==13){myPagerChanges[/"" + divPager + "/"](" + indexVal + ")}' id='" + txtid + "' valor=" + pageIndex + " estilo='largura:30px'>";
gotoHtml += "<input type='button' class='page_bg' value='go' onclick='myPagerChanges[/"" + divPager + "/"](" + indexVal + ")'>";
}
}
//substitui modelo
var pagerHtml = theOpt.barTemplate.replace("{bar}", barHtml)
.replace("{totalCount}", totalCount)
.replace("{pageIndex}", pageIndex)
.replace("{totalPage}", totalPage)
.replace("{goto}", gotoHtml);
document.getElementById(divPager).innerHTML = pagerHtml;
retornar pagerHtml;
};