체크박스 데이터셋 가이드

체크박스 컴포넌트 link_data 기능에 대한 예시화면이다.

체크박스 컴포넌트는 true_value/false_value 속성을 기준으로 체크 상태가 표시된다.

체크박스 컴포넌트는 데이터셋의 데이터 값이 true_value 속성값과 같은 경우에만 체크 상태로 표시된다.

관련 속성으로는 link_data, true_value, false_value가 있다.

관련 API로는 getcheck, setcheck, gettext, settext가 있다.

템플릿 위치: /HTML5/COMPONENT/CHECKBOX/checkbox_linkdata

템플릿 파일

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

/**
 * 체크박스 체크 상태 변경 이벤트
 *
 * @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);
}