코드로 배우는 스프링 웹 프로젝트 - 8

---

36번 영상 : 리스트 페이지에서 페이징 처리

---

페이징 처리를 a 태그가 아닌 form 태그로 만든다

	<form id='actionForm' action="/board/list" method='get'>
	   	<input type='hidden' name='pageNum' value='${cri.pageNum }'>
	    <input type='hidden' name='amount' value='${cri.amount }'>
	    <input type='hidden' name='bno' value='${board.bno }'>
    </form>
                       		
    <button type="button" class="btn btn-default listBtn"><a href='/board/list'>List</a></button>
    <button type="button" class="btn btn-default modBtn"><a href='/board/modify?bno=<c:out value="${board.bno }"/>'>Modify</a></button>
                       		
     <script>
                       			
     var actionForm = $("#actionForm");
                       		
     $(".listBtn").click(function(e){
        e.preventDefault();
        actionForm.find("input[name='bno']").remove();
        actionForm.submit();
        })
                       		
      $(".modBtn").click(function(e){
         e.preventDefault();
         actionForm.attr("action","/board/modify");
         actionForm.submit();
        })
                       		
                       		
    </script>
    

해당 코드들을 추가해줌으로써

JavaScript를 통해서 페이징 처리를 편하게 할 수 있도록 도와준다