Add child to State

    
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:states>
        <mx:State name="Charge">
            <mx:AddChild relativeTo="{form1}" position="lastChild">
                <mx:FormItem label="Charge Number" id="formitem1">
                    <mx:TextInput/>
                </mx:FormItem>
            </mx:AddChild>

        </mx:State>
        <mx:State name="Check">
            <mx:AddChild relativeTo="{form1}" position="lastChild">
                <mx:FormItem label="Routing Number" id="formitema">
                    <mx:TextInput/>
                </mx:FormItem>
            </mx:AddChild>

        </mx:State>
    </mx:states>
    <mx:transitions>
        <mx:Transition id="paymentTransitionCharge" fromState="*" toState="Charge">
            <mx:Parallel targets="{[formitem1,formitema]}">
            <mx:Fade duration="400"/>
            <mx:Move xFrom="0" yFrom="0" duration="400"/>
        </mx:Parallel>
        </mx:Transition>
            <mx:Transition id="paymentTransitionCheck" fromState="*" toState="Check">
                <mx:Parallel targets="{[formitema,formitem1]}">
                <mx:Fade duration="400"/>
                <mx:Move xFrom="0" yFrom="0" duration="400"/>
                </mx:Parallel>
        </mx:Transition>
    </mx:transitions>
    <mx:Form x="103" y="56" width="397" height="284" id="form1">
        <mx:RadioButtonGroup id="radiogroup1"/>
        <mx:RadioButton x="143" y="70" label="Check" groupName="radiogroup1" click="currentState='Check'"/>
        <mx:RadioButton x="143" y="94" label="Charge" groupName="radiogroup1" click="currentState='Charge'"/>
    </mx:Form>
</mx:Application>

Related examples in the same category

1.	Add child before in a State
2.	Add child to position in a State
3.	Add or remove children
4.	Using different creation policies
5.	Setting overrides on component properties
6.	Change the enabled property for two Button controls, setting one false, and the other true
7.	View defining two states
8.	View States
9.	Setting event handlers with State
10.	Change control property in state changing
11.	Remove a child in state changing
12.	Create State based on existing State
13.	Set current state to null
14.	Change control color in State
15.	Add child relative to an existing control in State
16.	Use two statements in click event inline
17.	Add child and change property when state changed
18.	Change view state
19.	Creating a simple view state
20.	Set Transition state
21.	Two statements in the click attribute
22.	Adding and removing components with State
23.	Adding and removing components by changing state
24.	Adding and removing components in State with RemoveChild
25.	Applying states
26.	Using states to control the display of the popup component.
27.	Validate either a United States ZIP code or a Canadian postal code
28.	Define States
29.	States Event Handlers
30.	States Includes and Excludes
31.	Deferred view state, and you cannot access it until after the first switch to the Deferred view state
32.	Use the Reset button to restore the collection view to its original state.

Add child to State : State « Effects « Flex

Related examples in the same category