Menu roll out event : Menu Event « Components « Flex






Menu roll out event

Menu roll out event
      

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute">
    <mx:Script>
        
        import mx.controls.Menu;
        import mx.events.MenuEvent;
        private var myMenu:Menu;
        private function createAndShow():void {
            ta1.text="";
            myMenu = Menu.createMenu(null, myMenuData, false);
            myMenu.labelField="@label";
            myMenu.addEventListener(MenuEvent.ITEM_ROLL_OUT, menuShowInfo);
            myMenu.show(225, 10);
        }
        private function menuShowInfo(event:MenuEvent):void {
            ta1.text="event.type: " + event.type;
            ta1.text+="\nevent.label: " + event.label;
            ta1.text+="\nevent.index: " + event.index;
            if (event.item) {
                ta1.text+="\nItem label: " + event.item.@label
                ta1.text+="\nItem selected: " + event.item.@toggled;
                ta1.text+= "\nItem type: " + event.item.@type;
            }
        }

        [Bindable]
        public var menuData:Array = [
            {label: "MenuItem A", children: [
            {label: "SubMenuItem A-1", enabled: false},
            {label: "SubMenuItem A-2", type: "normal"}]},
            {label: "MenuItem B", type: "check", toggled: true},
            {label: "MenuItem C", type: "check", toggled: false},
            {type: "separator"},
            {label: "MenuItem D", children: [
            {label: "SubMenuItem D-1", type: "radio", groupName: "g1"},
            {label: "SubMenuItem D-2", type: "radio", groupName: "g1",toggled: true},
            {label: "SubMenuItem D-3", type: "radio", groupName: "g1"}]}
        ];
      
    </mx:Script>
    <mx:XML id="myMenuData">
        <xmlRoot>
            <menuitem label="MenuItem A">
                <menuitem label="SubMenuItem A-1" enabled="false" />
                <menuitem label="SubMenuItem A-2" />
            </menuitem>
            <menuitem label="MenuItem B" type="check" toggled="true" />
            <menuitem label="MenuItem C" type="check" toggled="false" />
            <menuitem type="separator" />
            <menuitem label="MenuItem D">
                <menuitem label="SubMenuItem D-1" type="radio" groupName="one" />
                <menuitem label="SubMenuItem D-2" type="radio" groupName="one" toggled="true" />
                <menuitem label="SubMenuItem D-3" type="radio" groupName="one" />
            </menuitem>
        </xmlRoot>
    </mx:XML>
    <mx:Button x="10" y="5" label="Open XML Popup" click="createAndShow();" />
    <mx:TextArea x="10" y="70" width="200" height="300" id="ta1" />
</mx:Application>

   
    
    
    
    
    
  








Related examples in the same category

1.Get menu label from click eventGet menu label from click event
2.Menu event indexMenu event index
3.Menu with event listenerMenu with event listener
4.change event for MenuBarchange event for MenuBar
5.itemRollOver event for MenuBaritemRollOver event for MenuBar
6.Menu item click eventMenu item click event
7.Menu show eventMenu show event
8.Menu hide eventMenu hide event
9.Menu Item Roll Over eventMenu Item Roll Over event
10.Show the detailed information for MenuEvent
11.Create EventHandlers for Menu-Based ControlsCreate EventHandlers for Menu-Based Controls
12.A menu with a simple event listener.A menu with a simple event listener.
13.Handle events for the menu bar and for the pop-up submenus.Handle events for the menu bar and for the pop-up submenus.
14.Using Menu control eventsUsing Menu control events
15.Menu labelFieldMenu labelField