2013-03-03 29 views
0

我有以下Flex组件:怪异的柔性行为

<?xml version="1.0" encoding="utf-8"?> 
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx" 
     width="400" 
     height="300" 
     borderColor.male="blue" 
     borderColor.female="#FF00F6" 
     initialize="init(event)"> 

    <fx:Script> 
     <![CDATA[ 
      import mx.events.FlexEvent; 
      protected function genderChanged(event:Event):void 
      {    
       setByRadioGroup(); 
      } 

      protected function init(event:FlexEvent):void 
      { 
       currentState = "male"; 
       //setByRadioGroup() 
      } 

      protected function setByRadioGroup():void { 
       currentState = genderGroup.selectedValue as String; 
      } 

     ]]> 
    </fx:Script> 

    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
     <s:RadioButtonGroup id="genderGroup" change="genderChanged(event)"> 

     </s:RadioButtonGroup> 
    </fx:Declarations> 
    <s:states> 
     <s:State name="male"/> 
     <s:State name="female"/> 
    </s:states> 
    <s:Form> 
     <s:FormItem label="name"> 
      <s:TextInput name="nameField" id="nameField"/> 
     </s:FormItem> 
     <s:FormItem label="gender"> 
      <s:RadioButton label="male" groupName="genderGroup" selected.male="true"/> 
      <s:RadioButton label="female" groupName="genderGroup" selected.female="true"/> 
     </s:FormItem> 
    </s:Form> 
</s:BorderContainer> 

IM试图让组件的整个状态(含选定的单选按钮),通过设置在currentState初始化为“男”。这个作品最初(正确的单选按钮被选中,边框为蓝色): initial state

但是当我点击另一个单选按钮的UI有时一个奇怪的状态结束了 - 无线电选择回复到原来的,但边界颜色变化: after click

是否有某种比赛在这里我失踪?

IM使用Flex 4.6.0和Flash Builder 4.7

+0

您的单选按钮似乎没有'价值',所以我希望组的'selectedValue'在任何时候都为null。 – RIAstar 2013-03-03 09:53:35

+0

@RIAstar - 不,我跟踪()编辑它并在那里设置一个断点,selectedValue正确地反映了所选单选按钮的标签 – radai 2013-03-03 09:55:23

回答

1

你要告诉了其他国家所选择的价值,以及为它的工作原理像预期:

<s:RadioButton label="male" groupName="genderGroup" selected.male="true" selected.female="false"/> 
<s:RadioButton label="female" groupName="genderGroup" selected.female="true" selected.male="false"/> 

虽然我宁可不要用状态标识符设置选定的值。 我会在组件中添加一个状态更改侦听器,并在其处理函数中设置选定的值。 但这只是一个个人选择......