페이징바 기본 가이드
이 화면은 페이징바 컴포넌트에 대한 샘플 화면이다.
페이징바 컴포넌트는 대량 데이터에 대한 페이징 처리 표시 및 이동 처리용 컴포넌트이다.
관련 속성으로 max_pagecount, show_pagecount, movepage_type가 있다.
관련 API로 getmaxpagecount, setmaxpagecount, getshowpagecount, setshowpagecount, getcurpage, setcurpage가 있다.
관련 이벤트로 on_pageclick가 있다.
예시
템플릿 위치: /HTML5/COMPONENT/NAVIBAR/pagingbar_basic
템플릿 파일
화면 스크립트
//////////////////////////////////////////////// // Event function screen_on_load() { // 최대 페이지 수와 표시 페이지 수를 구하여 필드에 설정 fldMaxPage.settext(pgbBasic.getmaxpagecount()); fldShowPage.settext(pgbBasic.getshowpagecount()); } // 페이지바 페이지 이동 이벤트 /** * 페이지바 페이지 이동 이벤트 * objInst 페이지바 컴포넌트 인스턴스 * nClickPage 현재 페이지 번호 */ function pgbBasic_on_pageclick(objInst, nClickPage) { fldClickPage.settext(nClickPage); } // 최대 페이지 갯수 지정 버튼 클릭 이벤트 function btn_setmaxpagecount_on_mouseup(objInst) { pgbBasic.setmaxpagecount(fldMaxPage.gettext()); } // 표시 페이지 갯수 지정 버튼 클릭 이벤트 function btn_setshowpagecount_on_mouseup(objInst) { pgbBasic.setshowpagecount(fldShowPage.gettext()); } // 현재 페이지 이동 버튼 클릭 이벤트 function btn_setcurpage_on_mouseup(objInst) { pgbBasic.setcurpageex(fldMovePage.gettext(), true); } // 현재 페이지 구하기 버튼 클릭 이벤트 function btn_getcurpage_on_mouseup(objInst) { screen.alert("현재 페이지: " + pgbBasic.getcurpage()); }