RadioButton Funktionalität in benutzerdefinierten Komponente

Question

Ich versuche, eine XMXL-Komponente zu erstellen, die ein Bild und eine Optionsschaltfläche enthält. Das Hauptanwendungsskript verwendet mehrere dieser Komponenten.

Ich habe Probleme, die RadioGroup richtig funktionieren zu lassen. Ich habe eine Variable für das Attribut RadioButton groupName in der Komponente mxml-Datei gebunden, so dass ich dies im Hauptanwendungsskript einstellen kann.

Dies funktioniert ordnungsgemäß, wenn ich jede RadioGroup durchsuche, wird nur der erste Radiobutton jeder Gruppe fokussiert. Aber wenn ich jedes Optionsfeld in einer Gruppe anklicke, wird die vorherige nicht abgewählt.

Ich habe gelesen, dass ich die Komponenten-IDs nicht binden kann. Wie kann ich sonst nur eine Optionsschaltfläche in jeder Gruppe auswählen? Muss ich IFocusManager implementieren?

Danke

Answer 1

Jede Gruppe von Radiobuttons einen Radiobutton zum Gruppennamen zugewiesen werden muss. Die RadioButtonGroup stellt sicher, dass jeweils nur eine Schaltfläche ausgewählt ist. Die RadioButtonGroup wird in <fx:Declarations> deklariert und der Name der RadioButtonGroup wird in der groupName-Eigenschaft zugewiesen.

<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> 

Die Apache Flex-Referenz: http://flex.apache.org/asdoc/spark/components/RadioButtonGroup.html