Llamar:
Copie el código de código de la siguiente manera:
var pageChange = función (índice) {
var html = buscapersonas ("dividir", índice, 5, 1000, cambio de página, { showGoTo: false, showFirst: false });
}
lograr:
Copie el código de código de la siguiente manera:
buscapersonas = función (divPager, pageIndex, pageSize, totalCount, pageChange, opt) {
var laOpción = {
barSize: 5, //El número de páginas que se muestran en la barra de paginación
barTemplate: "{bar} totales {totalPage} páginas {totalCount} elementos {goto}", //mostrar plantilla
autoHide: true, //Si se debe ocultar automáticamente
showFirst: true, //Si mostrar automáticamente el enlace de la primera página cuando totalPage>barSize
showLast: true, //Si mostrar automáticamente el enlace de la última página cuando totalPage>barSize
showGoTo: true, //Si mostrar GoTo
autoHideGoTo: true //Si hay muy pocos, si se debe ocultar GoTo automáticamente
};
si (optar) {
si (opt.barSize)
theOpt.barSize = opt.barSize;
si(opt.barTemplate)
theOpt.barTemplate = opt.barTemplate;
si (opt.autoHide == falso)
theOpt.autoHide = falso;
si (opt.showFirst == falso)
theOpt.showFirst = falso;
si (opt.showLast = falso)
theOpt.showLast = falso;
si (opt.showGoTo == falso)
theOpt.showGoTo = falso;
si (opt.autoHideGoTo == falso)
theOpt.autoHideGoTo = falso;
}
var handles = window.myPagerChanges = (función (x) { return x; } (window.myPagerChanges || {}));
if (!myPagerChanges[divPager]) myPagerChanges[divPager] = pageChange;
var startPage = 0; //Página de inicio de la barra de paginación
var endPage = 0; // Página final de la barra de página
var mostrarPrimero = verdadero;
var mostrarÚltimo = verdadero;
si (isNaN(índice de página)) {
índice de página = 1;
}
índice de página = parseInt(índice de página);
si (índice de página <= 0)
índice de página = 1;
if (índice de página * tamaño de página > recuento total) {
pageIndex = Math.ceil(totalCount / pageSize);
}
if (totalCount == 0) { //Si no hay datos
document.getElementById(divPager).innerHTML = "";
devolver "";
}
var totalPage = Math.ceil(totalCount / pageSize);
if (theOpt.autoHide && totalCount <= pageSize) { //Ocultar automáticamente
document.getElementById(divPager).innerHTML = "";
devolver "";
}
if (páginatotal <= theOpt.barSize) {
página de inicio = 1;
página final = this.totalPage;
theOpt.showLast = theOpt.showFirst = falso;
}
demás {
if (pageIndex <= Math.ceil(theOpt.barSize / 2)) { //Las primeras páginas
página de inicio = 1;
endPage = theOpt.barSize;
theOpt.showFirst = falso;
}
else if (pageIndex > (totalPage - theOpt.barSize / 2)) { //Las últimas páginas
página de inicio = página total - theOpt.barSize + 1;
página final = página total;
theOpt.showLast = falso;
}
else { //La página del medio
página de inicio = índice de página - Math.ceil(theOpt.barSize / 2) + 1;
endPage = pageIndex + Math.floor(theOpt.barSize / 2);
}
if (totalPage <= (theOpt.barSize * 1.5)) {
theOpt.showLast = theOpt.showFirst = falso;
}
}
función _getLink(índice, txt) {
si (!txt) txt = índice;
return "<a href='javascript:;' estilo='margen: 2px 5px;borde: 1px sólido #6d8cad;color: #0269BA;relleno: 2px 5px;decoración de texto: ninguno;' onclick='myPagerChanges[/" " + divPager + "/"](" + índice + ")'>" + txt + "</a>";
}
var barHtml = ""; //Barra de página
barHtml += pageIndex == 1 "" : _getLink(pageIndex - 1, "Página anterior");
si (theOpt.showFirst) {
barHtml += _getLink(1) + "<span>...</span>";
}
for (var índice = página de inicio; índice <= página final; índice ++) {
si (índice == índice de página) {
barHtml += "<span style='color:red;font-weight:blod; '>" + index + "</span>";
}
demás {
barHtml += _getLink(índice);
}
}
si (laOpt.showLast) {
barHtml += "<span>...</span>" + _getLink(totalPage);
}
barHtml += pageIndex == totalPage "" : _getLink(pageIndex + 1, "página siguiente");
var gotoHtml = ""; //ir al cuadro y al botón
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 += "<tipo de entrada='texto' onkeypress='if(event.keyCode==13){myPagerChanges[/"" + divPager + "/"](" + indexVal + ")}' id='" + txtid + "' valor=" + pageIndex + " estilo='ancho:30px'>";
gotoHtml += "<tipo de entrada='botón' clase='page_bg' valor='go' onclick='myPagerChanges[/"" + divPager + "/"](" + indexVal + ")'>";
}
}
//reemplazar plantilla
var pagerHtml = theOpt.barTemplate.replace("{bar}", barHtml)
.replace("{totalCount}", totalCount)
.replace("{índice de página}", índice de página)
.replace("{páginatotal}", páginatotal)
.replace("{ir a}", ir aHtml);
document.getElementById(divPager).innerHTML = paginadorHtml;
devolver buscapersonasHtml;
};