Flex中如何利用enabledChanged事件检测RadioButtonGroup控件是被设置为有效还是无效的例子

By Minidxer | June 26, 2008

在前面的Flex中如何通过enabled属性在RadioButtonGroup中将所有的RadioButton设置为有效或无效状态的例子中，我们了解了Flex中如何通过设置enabled属性，在RadioButtonGroup中将所有的RadioButton设置为有效或无效状态。接下来的例子则演示了Flex中如何利用enabledChanged事件，检测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.         initialize="init();">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.controls.Alert;
  11.  
  12.             private function init():void {
  13.                 radioGroup.addEventListener("enabledChanged",
  14.                             radioGroup_enabledChanged);
  15.             }
  16.  
  17.             private function radioGroup_enabledChanged(evt:Event):void {
  18.                 Alert.show("RadioButtonGroup enabled was changed",
  19.                             "enabled: " + radioGroup.enabled);
  20.             }
  21.  
  22.             private function checkBox_change(evt:Event):void {
  23.                 radioGroup.enabled = !radioGroup.enabled;
  24.             }
  25.         ]]>
  26.     </mx:Script>
  27.  
  28.     <mx:ApplicationControlBar dock="true">
  29.         <mx:Form styleName="plain">
  30.             <mx:FormItem label="enabled:">
  31.                 <mx:CheckBox id="checkBox"
  32.                         selected="true"
  33.                         change="checkBox_change(event);" />
  34.             </mx:FormItem>
  35.         </mx:Form>
  36.     </mx:ApplicationControlBar>
  37.  
  38.     <mx:RadioButtonGroup id="radioGroup" />
  39.  
  40.     <mx:HBox horizontalGap="54">
  41.         <mx:RadioButton id="radioButton1"
  42.                 label="Red"
  43.                 group="{radioGroup}" />
  44.         <mx:RadioButton id="radioButton2"
  45.                 label="Orange"
  46.                 group="{radioGroup}" />
  47.         <mx:RadioButton id="radioButton3"
  48.                 label="Yellow"
  49.                 group="{radioGroup}" />
  50.         <mx:RadioButton id="radioButton4"
  51.                 label="Green"
  52.                 group="{radioGroup}" />
  53.         <mx:RadioButton id="radioButton5"
  54.                 label="Blue"
  55.                 group="{radioGroup}" />
  56.     </mx:HBox>
  57.  
  58. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | Tags: , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads