guide:component:pagingbar:pagingbar_basic [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 페이징바 기본 가이드 ======

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

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

관련 속성으로 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|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/PAGINGBAR/pagingbar_basic"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

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