プロパティ | イベント | 例 フレームあり | フレームなし

mx.controls
RadioButtonGroup クラス

RadioButtonGroup クラス

RadioButtonGroup コントロールは、1 つの相互排他的コントロールとして機能する RadioButton コントロールのグループを定義します。つまり、RadioButton コントロールは一度に 1 つしか選択できません。<mx:RadioButtonGroup> タグを使用してグループの名前を定義するときは、id プロパティが必要です。

MXML シンタックス

<mx:RadioButtonGroup> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。

 <mx:RadioButtonGroup
   id="Required - No default."
   enabled="true|false"
   groupName="No default.
   labelPlacement="right|left|bottom|top"
   selectedData=" If the RadioButton does not define the data property,
     Flex sets selectedData to the value of the label property."
   click="Event handler; no default."
   change="Event handler; no default."
 />

例を参照するにはここをクリックしてください

関連項目
    RadioButton


プロパティ
       enabled:Boolean
true の場合、選択が可能です。
       groupName:String
RadioButton コントロールのグループの名前です。
       labelPlacement:String
RadioButton アイコンに対してラベルを配置する方向です。グループ内のコントロールすべてに適用されます。
       selectedData:Object
グループ内で選択された RadioButton コントロールの data プロパティの値です。
       selection:mx.controls.RadioButton
グループ内で現在選択されている RadioButton コントロールのコピーを保持します。
staticversion:String
このクラスのバージョンを表すストリングです。



イベント
changeユーザー操作の結果としてコントロールの値が変化したときにブロードキャストします。このイベントオブジェクトの target プロパティには、イベントをトリガしたコンポーネントへの参照が含まれます。type プロパティには、イベントの名前 change が含まれます。
clickユーザーがグループ内の RadioButton コントロールを選択したときにブロードキャストします。個々の RadioButton コントロールにハンドラを設定することもできます。このイベントオブジェクトの target プロパティには、イベントをトリガしたコンポーネントへの参照が含まれます。type プロパティには、イベントの名前 click が含まれます。



プロパティの詳細

enabled

enabled:Boolean  

true の場合、選択が可能です。

groupName

groupName:String  

RadioButton コントロールのグループの名前です。このプロパティは Macromedia Flash との後方互換性を維持するためにのみ提供されています。グループの名前を定義するには、<mx:RadioButtonGroup> タグの id プロパティを使用します。

labelPlacement

labelPlacement:String  

RadioButton アイコンに対してラベルを配置する方向です。グループ内のコントロールすべてに適用されます。この設定は、個々のコントロールに対する設定によってオーバーライドできます。指定できる値は、right、left、bottom、および top です。デフォルト値は right です。

selectedData

selectedData:Object  

グループ内で選択された RadioButton コントロールの data プロパティの値です。RadioButton コントロールに data プロパティが定義されていない場合、selectedData には label プロパティの値が設定されます。

selection

selection:mx.controls.RadioButton   

グループ内で現在選択されている RadioButton コントロールのコピーを保持します。

version

static  version:String  

このクラスのバージョンを表すストリングです。


例
RadioButtonGroupExample.mxml 
<?xml version="1.0" encoding="utf-8"?>
<!-- RadioButtonGroup コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" width="100%" height="100%"
backgroundColor="#FFFFFF">

<mx:Script>
<![CDATA[
           
import mx.controls.Alert;

function initCredit()
           {
	 radioVisa.data= mx.validators.CreditCardValidator.kVisa;
	 radioMC.data= mx.validators.CreditCardValidator.kMasterCard;
           }
	   
	   function check()
	   {
	    	 if(mx.validators.Validator.isValid(this,'myModel'))
	     	 {
		    Alert.show(" This is valid card number ", "Success!!!", Alert.OK);
             	 }

	   }
       ]]>
</mx:Script>

<mx:CreditCardValidator field="myModel"/>

<mx:Model id="myModel">
<cardType>{cardTypeRadio.selectedData}</cardType>
<cardNumber>{cardNumber.text}</cardNumber>
</mx:Model>

<mx:Panel title="Radio Button Group Panel" height="40%" width="55%">

<mx:Form borderStyle="none" width="100%" height="100%">

<mx:FormItem label="Select credit card type:" initialize="initCredit();">
<mx:RadioButtonGroup id="cardTypeRadio"/>
<mx:RadioButton id="radioVisa" label="Visa" groupName="cardTypeRadio" />
<mx:RadioButton id="radioMC" label="MasterCard" groupName="cardTypeRadio"/>
<mx:TextInput id="cardNumber"/>
<mx:Button label="Check validity" click="check()" />
</mx:FormItem>

</mx:Form>

</mx:Panel>

</mx:Application>