Add or remove children

           

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Panel title="Sign In" id="signinPanel" fontSize="12">
        <mx:Form id="loginForm">
            <mx:FormItem label="Email:" id="emailItem">
                <mx:TextInput id="emailText" />
            </mx:FormItem>
            <mx:FormItem label="Password:" id="passwordItem">
                <mx:TextInput id="passwordText" displayAsPassword="true" />
            </mx:FormItem>
        </mx:Form>
        <mx:ControlBar>
            <mx:LinkButton id="forgotPasswordLink" label="Forgot password?" click="currentState='RequestPassword'" />
            <mx:Spacer width="100%" id="spacer" />
            <mx:Button label="Sign in" id="signinButton" />
        </mx:ControlBar>
    </mx:Panel>
    <mx:states>
        <mx:State name="RequestPassword">
            <mx:SetProperty target="{signinPanel}" name="title" value="Request New Password" />
            <mx:SetProperty target="{signinButton}" name="label" value="Submit" />
            <mx:RemoveChild target="{forgotPasswordLink}" />
            <mx:AddChild relativeTo="{spacer}" position="before">
                <mx:target>
                    <mx:LinkButton id="signInLink" label="Return to Sign In" click="currentState=''" />
                </mx:target>
            </mx:AddChild>
            <mx:RemoveChild target="{passwordItem}" />
        </mx:State>
    </mx:states>
</mx:Application>

Related examples in the same category

1.	Add child to State
2.	Add child before in a State
3.	Add child to position in a State
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 or remove children : State « Effects « Flex

Related examples in the same category