JSTL - 지정수만큼 반복한후 줄 변경하기(ex : 포토갤러리)

JAVA코드로도 짤수 있으나 간혹가다가 리스트 형식의 데이터를 한줄에 몇개씩 보여주고 

줄바꿈을 해주는 이런 경우가 발생했던적이 있어서 한번 올려보겠다.

우선 흔히 DB에서 list 객체로 뽑아온 갤러리게시판을 예로 들자 .

화면에는 

이미지1

이미지2

이미지3

이미지4

이미지5

이런식으로 나오고 있다.

하지만 사용자가 가로로 3개씩 나오게 해달라고 요구를 한다.

이미지1	이미지2	이미지3
이미지4	이미지5

그럴경우 해당 샘플을 응용해서 적용해보자

스크립트와/css로도 가능한걸로 알고있지만, 그쪽까지는 잘 모름... ^^;;

우선 임의로 list객체에 데이터들을 넣어줬다.

        ArrayList<Integer> list = new ArrayList<Integer>();
	for(int i=0; i<10; i++) {
		list.add(i);
	}

그럼 이제 JSTL의 foreach문을 돌려서 한줄에 3개씩의 데이터를 뽑아보도록 하겠다!!

이전에 JSTL jar 라이브러리 추가하고 상단에 taglib 선언을 했다고 가정하에 동작하는 화면이다.

	<c:set var="i" value="0" />
	<c:set var="j" value="3" />
	<table border="1">
	  <c:forEach items="${list }" var="list">
	    <c:if test="${i%j == 0 }">
	    <tr>
	    </c:if>
	       <td>${list }</td>
	    <c:if test="${i%j == j-1 }">
	    </tr>
	    </c:if>
	    <c:set var="i" value="${i+1 }" />
	  </c:forEach>
	</table>

결과화면

참쉽죠잉~

도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!