건설현장 조회 목록화면 페이징 버튼 처리

main
유지인 2025-06-11 16:16:27 +09:00
parent feb90632da
commit c1431c01e2
1 changed files with 22 additions and 15 deletions

View File

@ -117,22 +117,29 @@ if (request.getSession().getAttribute("CLS") == null || "2".equals(request.getSe
let pagingEleHTML = ` let firstIndicator = (Math.floor((nPage - 1) / nCount) * nCount) + 1; // 현재 페이지의 첫번째 페이지인디케이터 번호
<ul> let lastIndicator = Math.ceil(nPage / nCount) * 10; // 현재 페이지의 마지막 페이지인디케이터 번호
<li><a href="#"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-prev" class="page-prev"></a></li> let totalIndicator = Math.ceil(obj.count / nCount); // 총 페이지인디케이터 번호
`; let pagingEleHTML = "<ul>"
if (!(firstIndicator-1) < 1) {
for( let i = 1; i<Math.floor(obj.count / nCount)+2; i++ ) { pagingEleHTML += `<li data-npage="` + (firstIndicator-1) +`" class="page-button"><a href="#"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-prev" class="page-prev"></a></li>
if( i === nPage ) { `;
pagingEleHTML += `<li data-npage="` + i + `" class="page-button is-active"><a href="#">` + i + `</a></li>`; }
} else {
pagingEleHTML += `<li data-npage="` + i + `" class="page-button" ><a href="#">` + i + `</a></li>`; for( let i = firstIndicator; i<lastIndicator+1; i++ ) {
} if (i <= totalIndicator) {
if( i === nPage ) {
pagingEleHTML += `<li data-npage="` + i + `" class="page-button is-active"><a href="#">` + i + `</a></li>`;
} else {
pagingEleHTML += `<li data-npage="` + i + `" class="page-button" ><a href="#">` + i + `</a></li>`;
}
}
} }
pagingEleHTML += `
<li><a href="#"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-next" class="page-next"></a></li> if (lastIndicator < totalIndicator) {
</ul> pagingEleHTML += `<li data-npage="` + (lastIndicator+1) +`" class="page-button"><a href="#"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-next" class="page-next"></a></li>`;
`; }
pagingEleHTML += "</ul>";
pagingEle.innerHTML = pagingEleHTML; pagingEle.innerHTML = pagingEleHTML;