라디오버튼 기본 가이드
이 화면은 라디오버튼 컴포넌트에 대한 기본 기능 샘플 화면이다.
라디오버튼 컴포넌트는 사용자가 여러개의 값 중에서 하나만을 선택할 수 있게 처리하는 기능을 제공한다.
라디오버튼 선택 그룹은 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()); }