====== 체크박스 캡션 정렬 가이드 ======
체크박스 컴포넌트 캡션 정렬 기능에 대한 예시화면이다.
관련 속성으로는 left_text, horz_align가 있다.
관련 API로는 getlefttext, setlefttext, gethorzalign, sethorzalign가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/CHECKBOX/checkbox_align
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_align.xml|checkbox_align.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_align.js|checkbox_align.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/CHECKBOX/checkbox_align|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// 화면 로드 이벤트
function screen_on_load()
{
// 수평 정렬 값을 기준으로 수평 정렬 유형 콤보박스 설정
cbo_horzalign.setselectedcode(chk_basic.gethorzalign());
}
// "setlefttext" 버튼 이벤트
function btn_setlefttext_on_click(objInst)
{
// "left_text" 속성 토글 처리
chk_basic.setlefttext(!chk_basic.getlefttext());
}
// "sethorzalign" 버튼 이벤트
function btn_sethorzalign_on_click(objInst)
{
// 수평 정렬 설정
chk_basic.sethorzalign(cbo_horzalign.getselectedcode());
}