Setting event handlers with State

          

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import flash.events.Event;
        private function handlerBase():void {
            ta1.text = "handler 1";
        }
        private function handlerState1(event:Event):void {
            ta1.text ="handler 2.";
        }
        private function handlerState3(theString:String):void {
            ta1.text ="param: "+ theString;
        }
      
    </mx:Script>
    <mx:states>
        <mx:State name="State1">
            <mx:SetEventHandler target="{b1}" name="click" handlerFunction="handlerState1" />
            <mx:SetProperty target="{b1}" name="label" value="State 1" />
        </mx:State>
        <mx:State name="State2">
            <mx:SetEventHandler target="{b1}" name="click" handler="ta1.text='listener';" />
            <mx:SetProperty target="{b1}" name="label" value="State 2" />
        </mx:State>
        <mx:State name="State3">
            <mx:SetEventHandler target="{b1}" name="click" handler="handlerState3('my param');" />
            <mx:SetProperty target="{b1}" name="label" value="State 3" />
        </mx:State>
    </mx:states>
    <mx:Button id="b1" label="Click Me: Base State" click="handlerBase();" />
    <mx:TextArea id="ta1" height="100" width="50%" />
    <mx:Button label="state 1" click="currentState='State1';" />
    <mx:Button label="state 2" click="currentState='State2';" />
    <mx:Button label="state 3" click="currentState='State3';" />
    <mx:Button label="Start" click="currentState='';" />
</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.	Add or remove children
5.	Using different creation policies
6.	Setting overrides on component properties
7.	Change the enabled property for two Button controls, setting one false, and the other true
8.	View defining two states
9.	View States
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.

Setting event handlers with State : State « Effects « Flex

Related examples in the same category