52,797
社区成员
发帖
与我相关
我的任务
分享
/**
* Bootstrap 分页 page 当前页, cpageInt 总页数
*/
function drawPage(page, cpageInt, limit) {
var totalPage = 0;
if (cpageInt % limit > 0) {
cpageInt = parseInt(cpageInt / limit) + 1;
} else {
cpageInt = parseInt(cpageInt / limit);
}
// 静态
var prev = "<li class='disabled'><a href='javascript:void(0)'>«</a></li>";
var next = "<li class='disabled'><a href='javascript:void(0)'>»</a></li>";
// ---
var str = new StringBuilder();
if (page == (cpageInt)) {
// 如果total = 1,则无需分页,显示"[第1页] [共1页]"
if ("1" == (cpageInt)) {
str.append(prev);
str.append(next);
} else {
// 到达最后一页,显示"[首页] [上一页]"
str.append("<li><a style='width:auto' href='javascript:void(0)' ");
appendUrl(str, 1);
str.append(" >【首页】</a></li>")
str.append("<li><a href='javascript:void(0)' ");
appendUrl(str, (page) - 1);
str.append(" >«</a></li>")
str.append(createListPageNum(page, cpageInt));
str.append(next);
str
.append("<li class='disabled'><a style='width:auto' href='javascript:void(0)'>【末页】</a></li>")
}
} else {
if ("1" == (page)) {
// 第一页,显示"[下一页] [末页]"
str
.append("<li class='disabled'><a style='width:auto' href='javascript:void(0)'>【首页】</a></li>")
str.append(prev);
str.append(createListPageNum(page, cpageInt));
str.append("<li><a href='javascript:void(0)' ");
appendUrl(str, (page) + 1);
str.append(" >»</a></li>");
str.append("<li><a style='width:auto' href='javascript:void(0)' ");
appendUrl(str, cpageInt);
str.append(" >【末页】</a></li>");
} else {
// 显示首页和末页
str.append("<li><a style='width:auto' href='javascript:void(0)' ");
appendUrl(str, 1);
str.append(" >【首页】</a></li>")
str.append("<li><a href='javascript:void(0)' ");
appendUrl(str, (page) - 1);
str.append(" >«</a></li>")
str.append(createListPageNum(page, cpageInt));
str.append("<li><a href='javascript:void(0)' ");
appendUrl(str, (page) + 1);
str.append(" >»</a></li>")
str.append("<li><a style='width:auto' href='javascript:void(0)' ");
appendUrl(str, cpageInt);
str.append(" >【末页】</a></li>")
}
str.append(
"<li class='input-group'>" +
"<input id='goPage' type='text' class='form-control' onkeypress='if (event.keyCode == 13) goPage("+cpageInt+");' placeholder='跳转到' style='width:68px'>" +
"<spanclass='input-group-btn'>" +
"<button class='btn btn-default' type='button' onClick='goPage("+cpageInt+")'>Go!" +
"</button></span></li>");
}
return str.strings.join('');
}
js调用$("#page-ul")[0].innerHTML=drawPage(data.pageNum/limit==0?1:data.pageNum/limit+1, data.totalResults,limit);
html<ul class="pagination pagination-mini" id="page-ul">
</ul>