從列表組件到單選按鈕的Adobe flex

Question

我試圖做很多方法，但對於我的生活無法想象如何。基本上我有一個列表。選擇列表中的項目時，單選按鈕標籤會發生變化。但是，我希望一個標籤和文本區域出現，一旦用戶點擊了單選按鈕（如果它是正確的）。 到目前爲止的代碼： -

<s:VGroup x="103" y="130" width="123" height="125"> 
    <s:RadioButton id="RadioButton1" label="{data.QuestionsRadioButton1}" groupName="QuestionsTestRadioButtons" click="RadioButton1_clickHandler(event)"/> 
    <s:RadioButton label="{data.QuestionsRadioButton2}" groupName="QuestionsTestRadioButtons" click="radiobutton1_clickHandler(event)" /> 
    <s:RadioButton id="RadioButton3" label="{data.QuestionsRadioButton3}" groupName="QuestionsTestRadioButtons" click="radiobutton2_clickHandler(event)"/> 
</s:VGroup> 

我不會發布的所有代碼，我們將永遠在這裏。然而，有沒有辦法可能是一個if函數？說出單擊的單選按鈕實際上是否是正確的答案？

任何建議將是有益的 謝謝

Answer 1

我試圖起草一個完整的例子：

Questionaire.mxml

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:local="*"> 
    <fx:Declarations> 
     <s:ArrayCollection id="questions"> 
      <local:Question text="It is raining …"> 
       <s:ArrayCollection> 
        <local:Answer text="Men"/> 
        <local:Answer text="Cats and dogs" correct="true"/> 
        <local:Answer text="Candy"/> 
       </s:ArrayCollection> 
      </local:Question> 
      <local:Question text="The sky is …"> 
       <s:ArrayCollection> 
        <local:Answer text="Blue" correct="true"/> 
        <local:Answer text="Orange" correct="true"/> 
        <local:Answer text="Grey" correct="true"/> 
        <local:Answer text="Green"/> 
       </s:ArrayCollection> 
      </local:Question> 
     </s:ArrayCollection> 
    </fx:Declarations> 

    <s:DataGroup dataProvider="{questions}" itemRenderer="QuestionRenderer"> 
     <s:layout> 
      <s:VerticalLayout gap="24"/> 
     </s:layout> 
    </s:DataGroup> 
</s:Application> 

QuestionRenderer.mxml

<?xml version="1.0" encoding="utf-8"?> 
<s:DataRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark"> 
    <fx:Script> 
     <![CDATA[ 
      [Bindable("dataChange")] 
      public function get question():Question { 
       return data as Question; 
      } 
     ]]> 
    </fx:Script> 

    <fx:Declarations> 
     <s:RadioButtonGroup id="answerGroup"/> 
    </fx:Declarations> 

    <s:layout> 
     <s:VerticalLayout/> 
    </s:layout> 

    <s:Label fontWeight="bold" text="{question.text}"/> 

    <s:DataGroup dataProvider="{question.answers}"> 
     <s:layout> 
      <s:HorizontalLayout/> 
     </s:layout> 
     <s:itemRenderer> 
      <fx:Component> 
       <s:DataRenderer> 
        <fx:Script> 
         <![CDATA[ 
          import spark.components.RadioButtonGroup; 

          public function get answerGroup():RadioButtonGroup { 
           return outerDocument.answerGroup; 
          } 
         ]]> 
        </fx:Script> 
        <s:RadioButton groupName="answerGroup" label="{data.text}" value="{data}"/> 
       </s:DataRenderer> 
      </fx:Component> 
     </s:itemRenderer> 
    </s:DataGroup> 

    <s:Label visible="{answerGroup.selectedValue}" text="This is {answerGroup.selectedValue.correct ? 'correct' : 'incorrect'}."/> 
</s:DataRenderer> 

Question.as

package { 
    import mx.collections.ArrayCollection; 

    [Bindable] 
    [DefaultProperty("answers")] 
    public class Question { 
     public var text:String; 
     public var answers:ArrayCollection; 
    } 
} 

Answer.as

package { 
    [Bindable] 
    public class Answer { 
     public var text:String; 
     public var correct:Boolean = false; 
    } 
}