출처 : 본인

2014/10/28 - [프로그램 자료/ASP.NET] - ASP.NET 게시판 페이징 처리

</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);

}

}

}

Jquery Javascript 게시판 페이징 처리