I am using the following design pattern from docs for all RadioButtonGroups:
<fx:Declarations>
<s:RadioButtonGroup id="cardtype"
itemClick="handleCard(event);"/>
</fx:Declarations>
<s:VGroup>
<s:RadioButton group="{cardtype}"
id="americanExpress"
label="American Express"
width="150"/>
<s:RadioButton group="{cardtype}"
id="masterCard"
label="MasterCard"
width="150"/>
<s:RadioButton group="{cardtype}"
id="visa"
label="Visa"
width="150"/>
</s:VGroup>
It all works fine. But here is a problem. It looks like if the same id
is used on different screens then it's going to be the at run time
which causes problems with tabbing. If I tab from a RadioButtonGroup
to another control but somewhere on the screen there is another
RadioButtonGroup the control goes to that RadioButtonGroup. I am also
not sure how binding is working either since it's the same id that a
mode property is bound to. But two different controls. Any thoughts?
