| Pakket | mx.controls |
| Klasse | public class RadioButtonGroup |
| Overerving | RadioButtonGroup  EventDispatcher Object |
| Implementatie | IMXMLObject |
| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
 | spark.components.RadioButtonGroup |
The RadioButtonGroup control defines a group of RadioButton controls that act as a single mutually exclusive control; therefore, a user can select only one RadioButton control at a time. While grouping RadioButton instances in a RadioButtonGroup is optional, a group lets you do things like set a single event handler on a group of buttons, rather than on each individual button.
The id property is required when you use the
<mx:RadioButtonGroup> tag to define the name
of the group.
Notice that the RadioButtonGroup control is a subclass of EventDispatcher, not UIComponent, and implements the IMXMLObject interface. All other Flex visual components are subclasses of UIComponent, which implements the IUIComponent interface. The RadioButtonGroup control has support built into the Flex compiler that allows you to use the RadioButtonGroup control as a child of a Flex container, even though it does not implement IUIComponent. All other container children must implement the IUIComponent interface.
Therefore, if you try to define a visual component as a subclass of EventDispatcher that implements the IMXMLObject interface, you will not be able to use it as the child of a container.
MXML-syntaxis
MXML-syntaxis weergeven
MXML-syntaxis verbergenThe <mx:RadioButtonGroup> tag inherits all of the
tag attributes of its superclass, and adds the following tag attributes:
<mx:RadioButtonGroup
Properties
enabled="true|false"
id="No default"
labelPlacement="right|left|top|bottom"
Events
change="No default"
itemClick="No default"
/>
Meer voorbeelden
Verwante API-elementen
| Eigenschap | Gedefinieerd door | ||
|---|---|---|---|
 | constructor : Object
Verwijzing naar het klasseobject of de constructorfunctie van een bepaalde objectinstantie. | Object | |
| enabled : Boolean
Determines whether selection is allowed. | RadioButtonGroup | ||
| labelPlacement : String
Position of the RadioButton label relative to the RadioButton icon
for each control in the group. | RadioButtonGroup | ||
| numRadioButtons : int [alleen-lezen]
The number of RadioButtons that belong to this RadioButtonGroup. | RadioButtonGroup | ||
| selectedValue : Object
The value of the value property of the selected
RadioButton control in the group, if this has been set
to be something other than null (the default value). | RadioButtonGroup | ||
| selection : RadioButton
Contains a reference to the currently selected
RadioButton control in the group. | RadioButtonGroup | ||
| Methode | Gedefinieerd door | ||
|---|---|---|---|
RadioButtonGroup(document:IFlexDisplayObject = null)
Constructor. | RadioButtonGroup | ||
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Registreert een gebeurtenislistenerobject bij een object EventDispatcher, zodat de listener een melding van een gebeurtenis ontvangt. | EventDispatcher | |
|
Verzendt een gebeurtenis naar de gebeurtenisstroom. | EventDispatcher | |
Returns the RadioButton control at the specified index. | RadioButtonGroup | ||
|
Controleert of het object EventDispatcher listeners heeft geregistreerd voor een specifiek type gebeurtenis. | EventDispatcher | |
|
Geeft aan of voor een object een opgegeven eigenschap is gedefinieerd. | Object | |
Implementation of the IMXMLObject.initialized() method
to support deferred instantiation. | RadioButtonGroup | ||
|
Geeft aan of een instantie van de klasse Object zich in de prototypeketen van het object bevindt dat als parameter is opgegeven. | Object | |
|
Geeft aan of de opgegeven eigenschap bestaat en kan worden opgesomd. | Object | |
|
Verwijdert een listener uit het object EventDispatcher. | EventDispatcher | |
|
Stelt de beschikbaarheid van een dynamische eigenschap voor lusbewerkingen in. | Object | |
|
Geeft de tekenreeksweergave van dit object weer, geformatteerd volgens de locatiespecifieke conventies. | Object | |
|
Retourneert een tekenreeksrepresentatie van het opgegeven object. | Object | |
|
Retourneert de primitieve waarde van het opgegeven object. | Object | |
|
Controleert of een gebeurtenislistener is geregistreerd bij dit object EventDispatcher of een van de voorouders voor het opgegeven type gebeurtenis. | EventDispatcher | |
| Gebeurtenis | Overzicht | Gedefinieerd door | ||
|---|---|---|---|---|
| [uitgezonden gebeurtenis] Wordt verzonden wanneer Flash Player of de AIR-toepassing de besturingssysteemfocus krijgt en actief wordt. | EventDispatcher | ||
| Dispatched when the value of the selected RadioButton control in this group changes. | RadioButtonGroup | |||
| [uitgezonden gebeurtenis] Wordt verzonden wanneer Flash Player of de AIR-toepassing de systeemfocus verliest en inactief wordt. | EventDispatcher | ||
| Dispatched when a user selects a RadioButton control in the group. | RadioButtonGroup | |||
enabled | eigenschap |
enabled:Boolean| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Determines whether selection is allowed.
De standaardwaarde is true.
Deze eigenschap kan als de bron voor gegevensbinding worden gebruikt. Wanneer deze eigenschap wordt gewijzigd, wordt de gebeurtenis enabledChanged verzonden.
Implementatie
public function get enabled():Boolean public function set enabled(value:Boolean):voidlabelPlacement | eigenschap |
labelPlacement:String| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Position of the RadioButton label relative to the RadioButton icon for each control in the group. You can override this setting for the individual controls.
Valid values in MXML are "right", "left",
"bottom", and "top".
In ActionScript, you use the following constants to set this property:
ButtonLabelPlacement.RIGHT, ButtonLabelPlacement.LEFT,
ButtonLabelPlacement.BOTTOM, and ButtonLabelPlacement.TOP.
De standaardwaarde is "right".
Deze eigenschap kan als de bron voor gegevensbinding worden gebruikt. Wanneer deze eigenschap wordt gewijzigd, wordt de gebeurtenis labelPlacementChanged verzonden.
Implementatie
public function get labelPlacement():String public function set labelPlacement(value:String):voidnumRadioButtons | eigenschap |
numRadioButtons:int [alleen-lezen] | Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
The number of RadioButtons that belong to this RadioButtonGroup.
De standaardwaarde is "undefined".
Deze eigenschap kan als de bron voor gegevensbinding worden gebruikt. Wanneer deze eigenschap wordt gewijzigd, wordt de gebeurtenis numRadioButtonsChanged verzonden.
Implementatie
public function get numRadioButtons():intselectedValue | eigenschap |
selectedValue:Object| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
The value of the value property of the selected
RadioButton control in the group, if this has been set
to be something other than null (the default value).
Otherwise, selectedValue is the value of the
label property of the selected RadioButton.
If no RadioButton is selected, this property is null.
If you set selectedValue, Flex selects the
RadioButton control whose value or
label property matches this value.
De standaardwaarde is null.
Deze eigenschap kan als de bron voor gegevensbinding worden gebruikt. Wanneer deze eigenschap wordt gewijzigd, wordt de gebeurtenis valueCommit verzonden.
Implementatie
public function get selectedValue():Object public function set selectedValue(value:Object):voidselection | eigenschap |
selection:RadioButton| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Contains a reference to the currently selected
RadioButton control in the group.
You can access the property in ActionScript only;
it is not settable in MXML.
Setting this property to null deselects the currently selected RadioButton control.
De standaardwaarde is null.
Deze eigenschap kan als de bron voor gegevensbinding worden gebruikt. Wanneer deze eigenschap wordt gewijzigd, wordt de gebeurtenis valueCommit verzonden.
Implementatie
public function get selection():RadioButton public function set selection(value:RadioButton):voidRadioButtonGroup | () | Constructor |
public function RadioButtonGroup(document:IFlexDisplayObject = null)| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Constructor.
Parametersdocument:IFlexDisplayObject (default = null)document parameter should not be used.
|
Verwante API-elementen
getRadioButtonAt | () | methode |
public function getRadioButtonAt(index:int):RadioButton| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Returns the RadioButton control at the specified index.
Parameters
index:int — The index of the RadioButton control in the
RadioButtonGroup control, where the index of the first control is 0.
|
RadioButton — The specified RadioButton control.
|
initialized | () | methode |
public function initialized(document:Object, id:String):void| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Implementation of the IMXMLObject.initialized() method
to support deferred instantiation.
Parameters
document:Object — The MXML document that created this object.
| |
id:String — The identifier used by document to refer to this object.
If the object is a deep property on document, id is null.
|
Verwante API-elementen
change | Gebeurtenis |
flash.events.Eventeigenschap Event.type =
flash.events.Event.CHANGE| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Dispatched when the value of the selected RadioButton control in this group changes.
De constanteEvent.CHANGE definieert de waarde van de eigenschap type van een change-gebeurtenisobject.
Deze gebeurtenis heeft de volgende eigenschappen:
| Eigenschap | Waarde |
|---|---|
bubbles | true |
cancelable | false; er is geen standaardgedrag om te annuleren. |
currentTarget | Het object dat het gebeurtenisobject actief verwerkt met een gebeurtenislistener. |
target | Het object waarvan de waarde is gewijzigd. Het target is niet altijd het object in het weergaveoverzicht dat in de gebeurtenislistener is geregistreerd. Gebruik de eigenschap currentTarget voor toegang tot het object in het weergaveoverzicht dat momenteel de gebeurtenis verwerkt. |
itemClick | Gebeurtenis |
mx.events.ItemClickEventeigenschap ItemClickEvent.type =
mx.events.ItemClickEvent.ITEM_CLICK| Taalversie: | ActionScript 3.0 |
| Productversie: | Flex 3 |
| Runtimeversies: | Flash Player 9, AIR 1.1 |
Dispatched when a user selects a RadioButton control in the group. You can also set a handler for individual RadioButton controls.
TheItemClickEvent.ITEM_CLICK constant defines the value of the
type property of the event object for an itemClick event.
The properties of the event object have the following values:
| Property | Value |
|---|---|
bubbles | false |
cancelable | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget. |
index | The index of the navigation item that was clicked. |
item | The item in the data provider of the navigation item that was clicked. |
label | The label of the navigation item that was clicked. |
relatedObject | The child object that generated the event. |
target | The Object that dispatched the event;
it is not always the Object listening for the event.
Use the currentTarget property to always access the
Object listening for the event. |
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate Halo RadioButtonGroup control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.ItemClickEvent;
// Event handler function to display the selected button
// in a Halo Alert control.
private function handleCard(evt:ItemClickEvent):void {
switch (evt.currentTarget.selectedValue) {
case "AmEx":
Alert.show("You selected American Express");
break;
case "MC":
Alert.show("You selected MasterCard");
break;
case "Visa":
Alert.show("You selected Visa");
break;
}
}
]]>
</fx:Script>
<fx:Declarations>
<mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event);"/>
</fx:Declarations>
<s:Panel title="Halo RadioButtonGroup Control Example"
width="75%" height="75%"
horizontalCenter="0" verticalCenter="0">
<s:VGroup left="10" right="10" top="10" bottom="10">
<s:Label width="100%" color="blue"
text="Select a type of credit card."/>
<mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx"
label="American Express" width="150" />
<mx:RadioButton groupName="cardtype" id="masterCard" value="MC"
label="MasterCard" width="150" />
<mx:RadioButton groupName="cardtype" id="visa" value="Visa"
label="Visa" width="150" />
</s:VGroup>
</s:Panel>
</s:Application>
Wed Jun 13 2018, 11:42 AM Z