====== 체크박스 데이터셋 가이드 ======
체크박스 컴포넌트 link_data 기능에 대한 예시화면이다.
체크박스 컴포넌트는 true_value/false_value 속성을 기준으로 체크 상태가 표시된다.
체크박스 컴포넌트는 데이터셋의 데이터 값이 true_value 속성값과 같은 경우에만 체크 상태로 표시된다.
관련 속성으로는 link_data, true_value, false_value가 있다.
관련 API로는 getcheck, setcheck, gettext, settext가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/CHECKBOX/checkbox_linkdata
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_linkdata.xml|checkbox_linkdata.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_linkdata.js|checkbox_linkdata.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/CHECKBOX/checkbox_linkdata|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
/**
* 체크박스 체크 상태 변경 이벤트
*
* @param {Object} objInst 체크박스 컴포넌트 인스턴스
* @param {number} prev_value 변경전 아이템 인덱스
* @param {number} curr_value 변경후 아이템 인덱스
* @param {number} event_type 체크박스 이벤트 타입
*/
function chk_basic_on_itemchange(objInst, prev_value, curr_value, event_type)
{
factory.consoleprint("on_itemchange> CheckBox Name = " + objInst.getname());
factory.consoleprint("on_itemchange> prev_value = " + prev_value);
factory.consoleprint("on_itemchange> curr_value = " + curr_value);
factory.consoleprint("on_itemchange> event_type = " + event_type);
}
// 화면 로드 이벤트
function screen_on_load()
{
cbo_settext.addstring(chk_basic.getfalsevalue() + ":" + "false_value 속성값");
cbo_settext.addstring(chk_basic.gettruevalue() + ":" + "true_value 속성값");
cbo_settext.setselectedindex(0);
grdList.setselectitem(0, 0);
}
// "getcheck" 버튼 이벤트
function btn_getcheck_on_click(objInst)
{
// 체크박스 체크 상태 표시
screen.alert("check = " + chk_basic.getcheck());
}
// "gettext" 버튼 이벤트
function btn_setcheck_on_click(objInst)
{
// 체크박스 체크 상태 토글처리
chk_basic.setcheck(!chk_basic.getcheck());
}
// "gettext" 버튼 이벤트
function btn_gettext_on_click(objInst)
{
var checkbox_value;
// 체크박스 체크 상태 기준 내부 데이터 값(true_value/false_value 속성값)을 표시
checkbox_value = chk_basic.gettext();
fld_gettext.settext(checkbox_value);
}
// "settext" 버튼 이벤트
function btn_settext_on_click(objInst)
{
var checkbox_value;
// 체크박스 데이터 값(true_value/false_value 속성값) 설정
checkbox_value = cbo_settext.getselectedcode();
chk_basic.settext(checkbox_value);
}