Rich UI RadioGroup
Rich UI radioGroup 위젯(또는 간단하게 말해서 단일 선택 그룹)은 가로로 정렬된 단일 선택 단추 세트를 표시합니다. 이 그룹은 사용자가 단추를 클릭하도록 하며 이전에 선택한 그룹의 단일 선택 단추(있는 경우)를 선택 취소하여 해당 클릭에 응답합니다.
단일 선택 그룹에 onClick 이벤트를 지정하는 경우 사용자가 클릭하면 함수가 호출됩니다. 단추 클릭에 대한 응답에서 동일한 함수가 호출되며, 일반적인 경우에 이 함수는 먼저 클릭된 단추를 판별하고 선택에 응답합니다.
다음은 코드 예입니다.
import egl.ui.rui.Event;
import com.ibm.egl.rui.widgets.RadioGroup;
import com.ibm.egl.rui.widgets.TextField;
handler MyHandler type RUIHandler{initialUI =[myTextField, myRadioGroup]}
myTextField TextField{text = "On Monday?"};
myRadioGroup RadioGroup{groupName = "abc",
options =["Monday", "Tuesday"],
onClick ::= myRadio};
function myRadio(e Event in)
if(myRadioGroup.selected == "Tuesday")
myTextField.text = "No, on Monday!";
else
myTextField.text = "No, on Tuesday!";
end
end
end
다음 특성이 지원됩니다.
- groupName은 일부 브라우저에서 필요한 단일 선택 그룹의 이름 문자열을 사용합니다. 이 특성은 필수입니다.
- options은 단일 선택 단추 세트의 텍스트로 표시되는 문자열 배열(단추당 한 문자열)을 참조합니다.
- selected는 이 예에서 표시된 대로 런타임 시 액세스할 수 있는 필드입니다.
기타 지원되는 특성과 함수는 “위젯 특성 및 함수”에서 설명됩니다.
이 위젯을 사용하려면 다음 명령문이 필요합니다.
import com.ibm.egl.rui.widgets.RadioGroup;