출처 : 본인
2014/10/28 - [프로그램 자료/ASP.NET] - ASP.NET 게시판 페이징 처리
<div id="pagingMarketS" class="paging">
</div>
// 게시판 페이징
function Paging(TotalCnt, PageSize, CurPage, pagingDiv) {
$(pagingDiv).html("");
var TotalPage = Math.ceil(TotalCnt / PageSize);
//alert(TotalPage);
if (TotalPage < 11) {
//prev
var html = "<a class=\"icon icon_prev\" style=\"cursor:default;\"></a>";
$(pagingDiv).append(html);
for (var i = 1; i < TotalPage + 1 ; i++) {
var html = "";
if (CurPage == i) {
html = "<a class=\"num on\" style=\"cursor:default;\">" + i + "</a>";
}
else {
html = "<a class=\"num gotopage\" data-page=\"" + i + "\">" + i + "</a>";
}
$(pagingDiv).append(html);
}
//next
var html = "<a class=\"icon icon_next\" style=\"cursor:default;\"></a>";
$(pagingDiv).append(html);
}
else {
var preChar = "";
if (String(CurPage).substr(String(CurPage).length - 1, 1) == "0") {
preChar = String(CurPage - 10).slice(0, -1);
}
else {
preChar = String(CurPage).slice(0, -1);
}
//prev
if (CurPage > 10) {
var html = "<a class=\"icon icon_prev gotopage\" data-page=\"" + (((Number(preChar)) * 10)) + "\"></a>";
$(pagingDiv).append(html);
}
else {
var html = "<a class=\"icon icon_prev\" style=\"cursor:default;\"></a>";
$(pagingDiv).append(html);
}
for (var i = 1; i < 11 ; i++) {
var html = "";
if ((Number(preChar) * 10 + i) < Number(TotalPage) + 1) {
if (CurPage == (Number(preChar) * 10 + i)) {
html = "<a class=\"num on\" style=\"cursor:default;\">" + (Number(preChar) * 10 + i) + "</a>";
}
else if (i == 10) {
html = "<a class=\"num gotopage\" data-page=\"" + ((Number(preChar) + 1) * 10) + "\">" + ((Number(preChar) + 1) * 10) + "</a>";
}
else {
html = "<a class=\"num gotopage\" data-page=\"" + (Number(preChar) * 10 + i) + "\">" + (Number(preChar) * 10 + i) + "</a>";
}
$(pagingDiv).append(html);
}
else {
break;
}
}
//next
if (TotalPage > (Number(String(CurPage - 1).slice(0, -1)) + 1) * 10) {
var html = "<a class=\"icon icon_next gotopage\" data-page=\"" + (((Number(preChar) + 1) * 10) + 1) + "\"></a>";
$(pagingDiv).append(html);
}
else {
var html = "<a class=\"icon icon_next\" style=\"cursor:default;\"></a>";
$(pagingDiv).append(html);
}
}
}
