Flex中如何通过监听change事件检测RadioButton或RadioButtonGroup选中项目是否改变的例子

By Minidxer | October 25, 2008

接下来的例子演示了Flex中如何通过监听change事件,检测RadioButton或RadioButtonGroup选中项目是否改变。

让我们先来看一下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.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function rb_change(evt:Event):void {
  10.                 var rb:RadioButton = evt.currentTarget as RadioButton;
  11.                 lbl.text = rb.label;
  12.             }
  13.         ]]>
  14.     </mx:Script>
  15.  
  16.     <mx:VBox>
  17.         <mx:RadioButton id="rb1"
  18.                 label="One"
  19.                 change="rb_change(event);" />
  20.         <mx:RadioButton id="rb2"
  21.                 label="Two"
  22.                 change="rb_change(event);" />
  23.         <mx:RadioButton id="rb3"
  24.                 label="Three"
  25.                 change="rb_change(event);" />
  26.     </mx:VBox>
  27.  
  28.     <mx:Label id="lbl" fontWeight="bold" />
  29.  
  30. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts