페이지 트리
메타 데이터의 끝으로 건너뛰기
메타 데이터의 시작으로 이동

Start Release No : 7.0.300.20220502 / Update Release No :

Description

RadioButton은 사용자가 i-AUD 디자이너로 제작할 수 있는 HTML의 input type : Radio 역할을 수행할 수 있는 컨트롤 입니다.

[UI Bot > Check > RadioButton]



Remark

사용법

  • RadioButton을 사용하기 위해서는 GroupName을 설정해야 합니다.
    같은 GroupName을 가지는 RadioButton 끼리 연동됩니다.
  1. RadioButton을 두 개 이상 생성한 후 같은 GroupName으로 설정합니다.
  2. Text값이 위의 사진과 같이 A, B인 RadioButton들의 GroupName은 'Group'으로 동일합니다.
    반면에 아래의 그림을 보면 Text값이 C인 RadioButton은 GroupName은 'Other' 이라서 위의 RadioButton과의 연동이 불가능합니다.

Relevant Option


Trouble Shooting


Object List

Properties

 Checked

Checked

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

선택 여부 : RadioButton 컨트롤의 체크 상태를 확인할 수 있고 설정할 수 있음

[UI Bot > Check > 속성 > Checked]

Syntax

체크 상태 선택
var radioButton = Matrix.getObject("RadioButton");
radioButton.Checked = true; // 체크 상태를 "체크"로 설정
radioButton.Checked = false; // 체크 상태를 "체크해제"로 설정


var value = radioButton.Checked; // 체크 상태에 대한 값 반환
 CheckedValue

CheckedValue

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

선택된 상태의 값

[UI Bot > Check > 속성 > CheckedValue]

Syntax

Example code
var radioButton = Matrix.getObject("RadioButton");
radioButton.CheckedValue = "CheckedValue"; // 선택된 상태에 대한 값 설정

var value = radioButton.CheckedValue ; // 선택된 상태에 대한 값 반환
 GroupName

GroupName

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

그룹 명

[UI Bot > Check > 속성 > GroupName]

Syntax

Example code
var radioButton = Matrix.getObject("RadioButton");
radioButton.GroupName = "CheckedValue"; // 그룹명 설정

var value = radioButton.GroupName; // 그룹명 반환
 LanguageCode

LanguageCode

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

컨트롤 다국어 코드

[UI Bot > Check > 속성 > LanguageCode]

 Text

Text

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

텍스트

[UI Bot > Check > 속성 > Text]

Syntax

Example code
var radioButton = Matrix.getObject("RadioButton");
radioButton.Text= "CheckedValue"; // 텍스트 값 설정

var value = radioButton.Text; // 텍스트 값 반환
 TextPosition

TextPosition

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

텍스트 위치(front,back)

[UI Bot > Check > 속성 > TextPosition]


Event

 OnValueChange

OnValueChange

Start Release No : 7.0.300.20220502 / Update Release No :

  • API Open
  • UI Open
  • Read Only
  • Not Use
  • Hidden
  • Not Recommend

Description

라디오 컨트롤의 값이 변경될 경우 발생합니다.

Syntax

Parameter List

Parameter

TypeDescription
Idstring컨트롤이름
GroupNamestring그룹명
Textstring라벨 값
IsCheckedboolean체크 상태
OnValueChange
var radioButton = Matrix.getObject("RadioButton");
radioButton.OnValueChange = function(s, e){
	// e.Id : "RadioButton" < 이벤트를 걸어준 RadioButton 이름
	// e.GroupName : 이벤트를 걸어준 컨트롤의 GroupName
	// e.Text : 이벤트를 걸어준 컨트롤의 Text
	// e.IsChecked : 이벤트를 걸어준 컨트롤의 체크상태
};
  • Script Editor에서 기본적으로 제공하는 이벤트 관리 메서드를 이용하는 방법
    - 좌측 하단에서 RadioButton을 찾은 후 OnRadioValueChange를 더블 클릭하면 Editor 창에 메서드가 자동 작성됩니다.

OnValueChange
/**************************************
 * 라디오 컨트롤의 값이 변경될 경우 발생합니다.
 * * arguments :  
 *		 string	Id (Readonly:False) : 컨트롤이름 
 *		 string	GroupName (Readonly:False) : 그룹명 
 *		 string	Text (Readonly:False) : 라벨 값 
 *		 boolean	IsChecked (Readonly:False) : 체크 상태 
**************************************/

 var OnRadioValueChange  = function(sender, args){
	// args.Id 이벤트가 동작하는 컨트롤 이름
 	// args.GroupName 이벤트가 동작하는 그룹 이름
	// args.Text 이벤트가 동작하는 라벨 값
	// args.IsChecked  이벤트가 동작하는 체크 상태
 };
  • 레이블 없음