====== 페이징바 기본 가이드 ======
이 화면은 페이징바 컴포넌트에 대한 샘플 화면이다.
페이징바 컴포넌트는 대량 데이터에 대한 페이징 처리 표시 및 이동 처리용 컴포넌트이다.
관련 속성으로 max_pagecount, show_pagecount, movepage_type가 있다.
관련 API로 getmaxpagecount, setmaxpagecount, getshowpagecount, setshowpagecount, getcurpage, setcurpage가 있다.
관련 이벤트로 on_pageclick가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/NAVIBAR/pagingbar_basic
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/PAGINGBAR/pagingbar_basic.xml|pagingbar_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/PAGINGBAR/pagingbar_basic.js|pagingbar_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/PAGINGBAR/pagingbar_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
////////////////////////////////////////////////
// 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());
}