라디오버튼 기본 가이드

이 화면은 라디오버튼 컴포넌트에 대한 기본 기능 샘플 화면이다.

라디오버튼 컴포넌트는 사용자가 여러개의 값 중에서 하나만을 선택할 수 있게 처리하는 기능을 제공한다.

라디오버튼 선택 그룹은 select_group 속성에 동일한 값을 가진 라디오버튼 컴포넌트들로 구성된다.

라디오버튼 select_value/unselect_value 속성을 이용하여, 선택된 경우/선택되지 않은 경우의 값을 지정한다.

같은 라디오버튼 선택 그룹에 속한 각각의 라디오버튼 컴포넌트는 동일한 unselect_value 속성값을 지정해야 한다.

라디오버튼을 데이터셋과 링크시 같은 라디오버튼 그룹에 속한 라디오버튼 컴포넌트는 동일 데이터셋의 동일 컬럼에 링크되야 한다.

관련 속성으로 select_group, select_value, unselect_value가 있다.

관련 이벤트로 on_click, on_itemchange가 있다.

관련 API로 gettext, getcaption, getcheck, getselectvalue, getunselectvalue가 있다.

템플릿 위치: /HTML5/COMPONENT/RADIOBUTTON/radiobutton_basic

템플릿 파일

function screen_on_load()
{
	this.DisplayRadioButtonInfo(this.rdo_a_2);
}

/**
 * 라디오버튼 선택 변경 이벤트
 * 라디오버튼 그룹중에 이벤트 처리가 지정된 라디오버튼으로 선택 변경 이벤트
 *
 * @param {Object} objInst 라디오버튼 컴포넌트 인스턴스
 * @param {string} prev_value 변경전 값
 * @param {string} curr_value 현재 값
 * @param {number} event_type 이벤트가 발생한 유형
 */
// "RADIO-GROUP-A-1" 아이템 변경 이벤트
function rdo_a_1_on_itemchange(objInst, prev_value, curr_value, event_type)
{
	factory.consoleprint("on_itemchange> start");
	factory.consoleprint("on_itemchange> prev_value = " + prev_value);
	factory.consoleprint("on_itemchange> curr_value = " + curr_value);
	factory.consoleprint("on_itemchange> event_type = " + event_type);

	this.DisplayRadioButtonInfo(objInst);
}

// "RADIO-GROUP-A-2" 아이템 변경 이벤트
function rdo_a_2_on_itemchange(objInst, prev_value, curr_value, event_type)
{
	factory.consoleprint("on_itemchange> start");
	factory.consoleprint("on_itemchange> prev_value = " + prev_value);
	factory.consoleprint("on_itemchange> curr_value = " + curr_value);
	factory.consoleprint("on_itemchange> event_type = " + event_type);

	this.DisplayRadioButtonInfo(objInst);
}

// "RADIO-GROUP-A-3" 아이템 변경 이벤트
function rdo_a_3_on_itemchange(objInst, prev_value, curr_value, event_type)
{
	factory.consoleprint("on_itemchange> start");
	factory.consoleprint("on_itemchange> prev_value = " + prev_value);
	factory.consoleprint("on_itemchange> curr_value = " + curr_value);
	factory.consoleprint("on_itemchange> event_type = " + event_type);

	this.DisplayRadioButtonInfo(objInst);
}

// 라디오버튼 정보 표시
function DisplayRadioButtonInfo(objInst)
{
	factory.consoleprint("gettext = " + objInst.gettext());
	factory.consoleprint("getcaption = " + objInst.getcaption());
	factory.consoleprint("getcheck = " + objInst.getcheck());
	factory.consoleprint("getselectvalue = " + objInst.getselectvalue());
	factory.consoleprint("getunselectvalue = " + objInst.getunselectvalue());
}

  • guide/component/radiobutton/radiobutton_basic.txt
  • 마지막으로 수정됨: 2024/10/25 09:41
  • 저자 127.0.0.1