bootstrap自带分页器的构造函数

迈不过友情╰ 2022-08-07 04:49 104阅读 0赞

/** * 生成分页器 * @param ele 需要添加分页器的元素 * @param offset 偏移量，即从第offset开始 * @param length 总记录条数 * @param showPages 分页器显示的页数，超过则隐藏多余的页 * @param rows 每页显示的记录条数 * @param cssType 分页样式，不填则为默认表格后添加tr */ function burster(ele, offset, length, showPages, rows, cssType) { //将分页器装入table中 if (length && length > offset) { var pageHtml = ""; //清空需要装入的html var ass = ""; //需要显示的前页数/当前页 var beforePages = Math.ceil(offset / rows); //需要显示的后页数 var afterPages = Math.ceil((length - offset ) / rows); //总页数 var pages = Math.ceil(length / rows); var k = 0; //alert("总页数" + pages + " 前页数 " + beforePages + " 后页数 " + afterPages); //若页数小于showPages页，则全部显示 if (pages >= 0 && pages <= showPages) { for (k = 0; k < pages; k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } } //总页数大于showPages页 else if (pages > showPages) { if (beforePages <= Math.ceil(showPages / 2) && afterPages > showPages + 1) { for (k = 0; k < showPages; k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages <= Math.ceil(showPages / 2) && afterPages == showPages + 1) { for (k = 0; k < showPages - 1; k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages <= Math.ceil(showPages / 2) && afterPages <= showPages) { for (k = 0; k < showPages - 1; k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages > Math.ceil(showPages / 2) && beforePages <= showPages && afterPages > showPages) { pageHtml += "<li><a class='pages' offset='0'>1...</a></li>"; for (k = beforePages - Math.ceil(showPages / 2) + 1; k < beforePages + Math.ceil(showPages / 2); k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages > showPages && afterPages > showPages) { pageHtml += "<li><a class='pages' offset='0'>1...</a></li>"; for (k = beforePages - Math.ceil(showPages / 2) + 1; k < beforePages + Math.ceil(showPages / 2); k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages > Math.ceil(showPages / 2) && beforePages <= pages && afterPages <= showPages && afterPages > Math.ceil(showPages / 2) + 1) { pageHtml += "<li><a class='pages' offset='0'>1...</a></li>"; for (k = beforePages - Math.ceil(showPages / 2) + 1; k < beforePages + Math.ceil(showPages / 2); k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages > pages && afterPages <= showPages && afterPages > Math.ceil(showPages / 2) + 1) { pageHtml += "<li><a class='pages' offset='0'>1...</a></li>"; for (k = beforePages - Math.ceil(showPages / 2) + 1; k < beforePages + Math.ceil(showPages / 2); k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } pageHtml += "<li><a class='pages' offset='" + ((pages - 1) * rows) + "'>..." + pages + "</a></li>"; } else if (beforePages > Math.ceil(showPages / 2) && afterPages <= Math.ceil(showPages / 2) + 1) { pageHtml += "<li><a class='pages' offset='0'>1...</a></li>"; for (k = beforePages - Math.ceil(showPages / 2) + 1; k < pages; k++) { if (k == beforePages) { pageHtml += "<li class='active' ><a>" + (k + 1) + "</a></li>"; } else { pageHtml += "<li><a class='pages' offset='" + (k * rows) + "'>" + (k + 1) + "</a></li>"; } } } } //判断"上一页"和"下一页"是否存在 var upPage; var downPage; if (offset == 0 || (offset < rows && (offset % rows != 0))) { upPage = "<li><a class='pages' offset='" + parseInt(offset) + "' >?</a></li>" } else { upPage = "<li><a class='pages' offset='" + (parseInt(offset) - parseInt(rows)) + "' >?</a></li>"; } if (offset >= (length - rows)) { downPage = "<li><a class='pages' offset='" + parseInt(offset) + "'>?</a></li>" } else { downPage = "<li><a class='pages' offset='" + parseInt(parseInt(offset) + parseInt(rows)) + "'>?</a></li>" } //TODO 自定义分页器的样式 if (cssType) { if (pages != 1) {//TODO 分页页数小于1页时，不分页 if (cssType == "【自定义的样式名】") { ass += "<div id='pager' style='position:relative;height:34px;margin:0; '>" + "<ul style='position:absolute;right:0;margin: 0;' class='pagination'>" + upPage + pageHtml + downPage + "</ul></div>"; //table中注入拼装的记录 ele.append(ass); } } else { } } else { //分页部分 ass += "<tr><td colspan='10' align='right'>" + "<div id='pager' style='position:relative;height:40px;'>" + "<h4 id='result' style='position:absolute;left:0;'>" + "共有" + length + "条记录</h4>" + "<ul style='position:absolute;right:0;' class='pagination'>" + upPage + pageHtml + downPage + "</ul></div></td></tr>"; //table中注入拼装的记录 ele.append(ass); } } }