페이징바 기본 가이드

이 화면은 페이징바 컴포넌트에 대한 샘플 화면이다.

페이징바 컴포넌트는 대량 데이터에 대한 페이징 처리 표시 및 이동 처리용 컴포넌트이다.

관련 속성으로 max_pagecount, show_pagecount, movepage_type가 있다.

관련 API로 getmaxpagecount, setmaxpagecount, getshowpagecount, setshowpagecount, getcurpage, setcurpage가 있다.

관련 이벤트로 on_pageclick가 있다.

템플릿 위치: /HTML5/COMPONENT/NAVIBAR/pagingbar_basic

템플릿 파일

• pagingbar_basic.xml
• pagingbar_basic.js
• 새창으로 실행

////////////////////////////////////////////////
// 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());
}