Flex中如何通过监听numRadioButtonsChanged事件监测RadioButtonGroup中RadioButton发生变化的例子

By Minidxer | May 20, 2009

接下来的例子演示了Flex中如何通过监听numRadioButtonsChanged事件,监测RadioButtonGroup中RadioButton发生变化。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white"
  6.         initialize="init();">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.controls.Alert;
  11.  
  12.             private function init():void {
  13.                 radioGroup.addEventListener("numRadioButtonsChanged", radioGroup_numRadioButtonsChanged);
  14.             }
  15.  
  16.             private function radioGroup_numRadioButtonsChanged(evt:Event):void {
  17.                 var rb:RadioButton = radioGroup.getRadioButtonAt(radioGroup.numRadioButtons-1);
  18.                 var alert:Alert = Alert.show(evt.toString(), "label:" + rb.label);
  19.                 alert.status = "numRadioButtons:" + radioGroup.numRadioButtons;
  20.             }
  21.         ]]>
  22.     </mx:Script>
  23.  
  24.     <mx:RadioButtonGroup id="radioGroup" />
  25.  
  26.     <mx:HBox>
  27.         <mx:RadioButton id="radioButton1" label="Red" group="{radioGroup}" />
  28.         <mx:RadioButton id="radioButton2" label="Orange" group="{radioGroup}" />
  29.         <mx:RadioButton id="radioButton3" label="Yellow" group="{radioGroup}" />
  30.         <mx:RadioButton id="radioButton4" label="Green" group="{radioGroup}" />
  31.         <mx:RadioButton id="radioButton5" label="Blue" group="{radioGroup}" />
  32.     </mx:HBox>
  33.  
  34. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: RadioButton, RadioButtonGroup | No Comments » | 896 views Tags: , ,

Search Posts