Flex中如何通过监听itemClick事件检测FlexRadioButtonGroup中RadioButton被点击的例子

接下来的例子演示了Flex中如何通过监听itemClick事件，检测FlexRadioButtonGroup中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">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.events.ItemClickEvent;
11.             private function radioGroup_itemClick(evt:ItemClickEvent):void {
12.                 var now:String = new Date().toTimeString();
13.                 lbl.text = evt.label + " (" + now + ")";
14.             }
15.         ]]>
16.     </mx:Script>
18.     <mx:ApplicationControlBar dock="true">
19.         <mx:Label id="lbl" fontWeight="bold" />
20.     </mx:ApplicationControlBar>
22.     <mx:RadioButtonGroup id="radioGroup"
23.             itemClick="radioGroup_itemClick(event);" />
25.     <mx:VBox>
26.         <mx:RadioButton id="radioButton1"
27.                 label="Red"
28.                 group="{radioGroup}" />
29.         <mx:RadioButton id="radioButton2"
30.                 label="Orange"
31.                 group="{radioGroup}" />
32.         <mx:RadioButton id="radioButton3"
33.                 label="Yellow"
34.                 group="{radioGroup}" />
35.         <mx:RadioButton id="radioButton4"
36.                 label="Green"
37.                 group="{radioGroup}" />
38.         <mx:RadioButton id="radioButton5"
39.                 label="Blue"
40.                 group="{radioGroup}" />
41.     </mx:VBox>
43. </mx:Application>