카테고리 없음
JSTL - 페이징 처리
남자두부 2018. 1. 9. 11:24반응형
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74 |
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script>
function fnPaging(page) {
$("#page_select").val(page);
$("#pagingForm").attr("action", $("#pagingAddr").val()).submit();
}
</script>
<form id="pagingForm" method="post">
<input type="hidden" id="page_select" name="page_select"/>
</form>
<div class="paging">
<!-- 현제페이지 -->
<c:set var="page" value="${pagingResult.page_select}"/> <!-- 폼을 통해 넘겨받은 현재페이지 값을 불러온다. -->
<!-- 게시글 수 -->
<c:set var="listCount" value="10"/>
<!-- 페이지 수 -->
<c:set var="listPage" value="10"/>
<!-- 전체게시글 수 -->
<c:set var="totalCount" value="${pagingResult.total_count}"/> <!-- 총 게시글 리스트 값을 불러온다. -->
<!-- 전체페이지 수 -->
<c:set var="totalPage" value="${totalCount / listCount + (1 - ((totalCount / listCount) % 1)) % 1}"/>
<!-- 페이지 생성 시작값 -->
<c:set var="startPage" value="1"/>
<!-- 페이지 생성 종료값 -->
<c:set var="endPage" value="${totalPage}"/>
<!-- 전체 페이지 수가 페이지 수보다 클 때 -->
<c:if test="${totalPage gt listPage}">
<c:set var="endPage" value="${listPage}"/>
</c:if>
<!-- 현재페이지가 페이지 수보다 크거나 같을 때 -->
<c:if test="${page ge listPage}">
<c:set var="startPage" value="${(page / listPage - (page / listPage) % 1) * listPage}"/>
<c:set var="endPage" value="${startPage + listPage}"/>
<!-- 현재페이지가 끝 페이지일 때 -->
<c:if test="${page ge ((totalPage / listPage - (totalPage / listPage) % 1) * listPage)}">
<c:set var="endPage" value="${totalPage}"/>
</c:if>
</c:if>
<!-- 현재페이지가 마지막 페이지일 때 -->
<c:if test="${page mod listPage eq 0}">
<c:set var="startPage" value="${page}"/>
<c:set var="endPage" value="${page + listPage}"/>
<c:if test="${(page + listPage) ge totalPage}">
<c:set var="endPage" value="${totalPage}"/>
</c:if>
</c:if>
<a href="#" class="p_skip first" onclick="fnPaging(1);">제일처음으로</a>
<a href="#" class="p_skip prev" <c:if test="${page gt '1'}">onclick="fnPaging(${page - 1});"</c:if>>이전으로</a>
<c:forEach begin="${startPage}" end="${endPage}" step="1" var="nowPage">
<c:choose>
<c:when test="${nowPage eq page}">
<strong onclick="fnPaging(${nowPage});">${nowPage}</strong>
</c:when>
<c:otherwise>
<a href="#" onclick="fnPaging(${nowPage});">${nowPage}</a>
</c:otherwise>
</c:choose>
</c:forEach>
<a href="#" class="p_skip next" <c:if test="${page lt totalPage}">onclick="fnPaging(${page + 1});"</c:if>>다음으로</a>
<a href="#" class="p_skip end" onclick="fnPaging(${totalPage});">제일마지막으로</a>
</div> |
cs |
- 자체 개발
- 스크립트 부분에서 서브밋 주소는 동적으로 처리함. 상황에 맞게 변경할 것.
반응형