전자정부프레임워크의 페이징 디자인을 변경하기 위해서는 AbstractPaginationRenderer 추상클래스를 구현하면 합니다.


기본 디자인은 요렇게 밋밋합니다.


public class CustomPaginationRenderer extends AbstractPaginationRenderer {
 
	public CustomPaginationRenderer() {
		firstPageLabel 		= "<li><a href=\"#\" class=\"first\" onclick=\"{0}({1}); return false;\">처음으로</a></li>";
        previousPageLabel 	= "<li><a href=\"#\" class=\"prev\" onclick=\"{0}({1}); return false;\">이전으로</a></li>";
        currentPageLabel 	= "<li><a href=\"#\" class=\"active\">{0}</a></li>";
        otherPageLabel 		= "<li><a href=\"#\" onclick=\"{0}({1}); return false;\">{2}</a></li>";
        nextPageLabel	 	= "<li><a href=\"#\" class=\"next\" onclick=\"{0}({1}); return false;\">다음으로</a></li>";
        lastPageLabel 		= "<li><a href=\"#\" class=\"last\" onclick=\"{0}({1}); return false;\">맨뒤로</a></li>";
	}
}

위와 같이 각 프로퍼티의 기능에 맞게 커스터마이징 해줍니다.

{0} 은 js 페이지 이동 함수, {1}은 pageNo 가 됩니다.

태그에 class가 지정되어 있으니 디자이너에게 맡기면 멋진 페이징바가 완성되겠죠!! (아니면 직접 css를 작성해도 되죠!!)


작성한 클래스를 등록해야 합니다.

스프링 설정파일을 열어서 다음과 같이 등록해 줍니다.


<bean id="customPagingRenderer" class="cmmn.base.web.CustomPaginationRenderer"/>


<bean id="paginationManager" class="egovframework.rte.ptl.mvc.tags.ui.pagination.DefaultPaginationManager">

    <property name="rendererType">

        <map>

            <entry key="customRenderer" value-ref="customPagingRenderer"/> 

        </map>

    </property>

</bean>


jsp에서는 요렇게,,


<div class="paging">

    <ul>

        <ui:pagination paginationInfo="${paginationInfo}" type="customRenderer" jsFunction="linkPage"/>

    </ul>

</div>



참고사이트

http://www.egovframe.go.kr/wiki/doku.php



'전자정부프레임워크' 카테고리의 다른 글

Sublimetext 단축키 기능  (0) 2019.11.13

+ Recent posts