건설현장 조회 목록화면 페이징 버튼 처리
parent
feb90632da
commit
c1431c01e2
|
|
@ -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>`;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
pagingEleHTML += `
|
|
||||||
<li><a href="#"><img src="/com/img/common/icon/ico_chevron.svg" alt="Chevron-next" class="page-next"></a></li>
|
for( let i = firstIndicator; i<lastIndicator+1; i++ ) {
|
||||||
</ul>
|
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>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lastIndicator < totalIndicator) {
|
||||||
|
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;
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue