약간 어설픈.. OSAF 그리드 태그 완성
조금 어설픈 그리드 태그를 완성하고 공개합니다. 사실상 그리드 태그의 핵심 요소는 DisplayTag이고, 회사에서 사용한 OSAF 태그는 상용제품을 사용하고 있어서 공개할 수가 없었습니다. 그리드 구조도 조금 바껴서, 엑셀 기능을 제대로 활용할 수 없었습니다. ㅠ.ㅠ.. 이제 더이상 시간을 끌다가는 언제 공개할 수 있을지 몰라서, 일단 마일스톤 버전 공개를 목표로, 현 상태를 정리하여 공개하겠습니다.
<c:set var="startNumValue" value="${startNum}" />
<d:table name="list" class="maingrid" id="maingrid">
<d:column title="No">
<a href="javascript:sendToUpdate(<c:out value="${maingrid.id}" />)">
${startNumValue}
</a>
<c:set var="startNumValue" value="${startNumValue + 1}" />
</d:column>
<d:column property="name" title="이름" />
<d:column property="loginId" title="아이디" />
<d:column property="sex" title="성별" decorator="org.opensprout.sample.model.enumeration.SexType" />
<d:column property="location" title="사는곳" />
<d:column property="birthday" title="생일" />
<d:column property="hobbies" title="취미" />
</d:table>
</o:gridpage>
이런식으로 그리드 태그를 작성하면, 화면에서 다음과 같은 그리드를 만들어 줍니다. 약간 어설플이라고 한 이유는 많은데, 차차 개선해 나가기로 하겠습니다.
왼쪽에 [1/6]은 [첫번째 row 넘버/전체 갯수] 입니다. 따라서 두 번째 페이지에서는 [6/6]으로 보이겠죠.
중간에 있는 [1|2] 에서 굵은 글씨체가 현제 페이지고 2를 누르면 두 번째 페이지로 이동합니다.
오른쪽에 있는 건, 한 페이지당 목록의 갯수 입니다.
파이어폭스/인터넷 익스플로러/구글 크롬 에서 확인해봤을 때 모두 동일하게 보였습니다.