사용자 정의 구성 요소의 RadioButton 기능

Question

이미지와 라디오 버튼이 포함 된 xmxl 구성 요소를 생성하려고합니다. 주 응용 프로그램 스크립트는 이러한 구성 요소 중 몇 가지를 사용합니다.

RadioGroup이 제대로 작동하도록하는 데 문제가 있습니다. 주 응용 프로그램 스크립트에서 설정할 수 있도록 구성 요소 mxml 파일의 RadioButton groupName 특성에 변수를 바인딩했습니다.

이 기능은 각 라디오 그룹을 탭하여 각 그룹의 첫 번째 라디오 버튼 만 포커스를받을 때와 동일하게 작동합니다. 그러나 그룹의 각 라디오 버튼을 클릭하면 이전 라디오 버튼이 선택 취소되지 않습니다.

구성 요소 ID를 바인딩 할 수 없다는 것을 읽었습니다. 그렇다면 각 그룹에서 하나의 라디오 버튼 만 선택하면 어떻게됩니까? IFocusManager를 구현해야합니까?

당신은

Answer 1

RadioButtons를 각각의 그룹은 groupName을에 할당 된 RadioButtonGroup 구성이 필요합니다 감사합니다. RadioButtonGroup은 한 번에 하나의 버튼 만 선택되도록합니다. RadioButtonGroup은 <fx:Declarations>에 선언되어 있으며 groupName 속성에는 RadioButtonGroup의 이름이 할당되어 있습니다.

<fx:Declarations> 
     <s:RadioButtonGroup id="paymentType" itemClick="handlePayment(event);"/> 
    </fx:Declarations> 
    <s:VGroup paddingLeft="10" paddingTop="10"> 
     <s:RadioButton groupName="paymentType" 
         id="payCheck" 
         value="check" 
         label="Pay by check" 
         width="150"/> 
     <s:RadioButton groupName="paymentType" 
         id="payCredit" 
         value="credit" 
         label="Pay by credit card" 
         width="150"/> 
    </s:VGroup> 

아파치 플렉스 참조 : http://flex.apache.org/asdoc/spark/components/RadioButtonGroup.html