How to load dynamic events in Flex

Question

I have a small flex application.

<mx:Script>
    <![CDATA[

        import flash.events.Event;

        // Event handler function to print a message
        // describing the selected Button control.        
        private function printMessage(event:Event):void  {
          message.text += event.target.label + " pressed" + "\n";
        }

  ]]>
</mx:Script>

<mx:Panel title="Button Control Example" 
    height="75%" width="75%" layout="horizontal" 
    paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">

    <mx:VBox>
        <mx:Label width="100%" color="blue"
            text="Select a Button control."/>

         <!-- The button can contain an image, as in the "Button with Icon" button -->
         <mx:Button id="iconButton" icon="@Embed('assets/mm-icon.png')" label="Button with Icon"
             labelPlacement="right" color="#993300" click="printMessage(event);"/>

         <!-- The size of the button and the label attributes can be customized -->
         <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
             textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}" 
             click="printMessage(event);"/>

         <!-- By default, the look and feel of the customized button is 
             similar to the Default Button.  -->
         <mx:Button label="Default Button" click="printMessage(event);"/>
    </mx:VBox>

     <mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
         color="#0000FF"/>

</mx:Panel>

What I want to achieve is, I want my user to pass the script as a parameter. so he has the flexibility to do anything with the buttons->like add event, hide the other buttons.

Something like this(below)

Thanks.

xhuur xhuur · Accepted Answer · 2010-05-17T11:37:48

If I understood, what you want is simply create dynamic event and load it to some component, right? If so in did its very easy to implement.

Just create your own custom event (inherit from Event) or use the Event itself:

var event:Event = new Event("[Your event type here"],[bubbles?],[cancelable?]);

and then add listener to your wanted component to the same "event type".

If you need you can also dispatch this event from wanted component programmatically like this:

[you component].dispatchEvent(event);

but then you have to make sure this component extends EventDispatcher class.

Hope I helped.

Royee

How to load dynamic events in Flex

1 Answers