====== 라디오버튼 기본 가이드 ======
이 화면은 라디오버튼 컴포넌트에 대한 기본 기능 샘플 화면이다.
라디오버튼 컴포넌트는 사용자가 여러개의 값 중에서 하나만을 선택할 수 있게 처리하는 기능을 제공한다.
라디오버튼 선택 그룹은 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
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/RADIOBUTTON/radiobutton_basic.xml|radiobutton_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/RADIOBUTTON/radiobutton_basic.js|radiobutton_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/RADIOBUTTON/radiobutton_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
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());
}