Creating a simple Menu control : Menu « Components « Flex






Creating a simple Menu control

Creating a simple Menu control
      
<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



    <!-- menus/SimpleMenuControl.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script> 
         
        // Import the Menu control. 
        import mx.controls.Menu; 
        // Create and display the Menu control. 
        private function createAndShow():void { 
        var myMenu:Menu = Menu.createMenu(null, myMenuData, false); 
            myMenu.labelField="@label"; 
            myMenu.show(10, 10); 
        } 
      
    </fx:Script>
    <fx:Declarations>
        <!-- Define the menu data. -->
        <fx:XML format="e4x" id="myMenuData">
            <root>
                <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>
            </root>
        </fx:XML>
    </fx:Declarations>
    <mx:VBox>
        <!-- Define a Button control to open the menu -->
        <mx:Button id="myButton" label="Open Menu" click="createAndShow();" />
    </mx:VBox>
</s:Application>

   
    
    
    
    
    
  








Related examples in the same category

1.Add icons to menuAdd icons to menu
2.Add submenu to submenuAdd submenu to submenu
3.Show menuShow menu
4.Define properties and reference in actionscriptDefine properties and reference in actionscript
5.Set menu to toggle menu itemSet menu to toggle menu item
6.Radio button menu itemsRadio button menu items
7.Using a nested array to drive a menu
8.CheckBox MenuItemCheckBox MenuItem
9.Creating a model that a menu uses to drive its display
10.Creating a menu from scratchCreating a menu from scratch
11.Compact way to initialize and display the menu all at onceCompact way to initialize and display the menu all at once
12.Set Menu style for disabled colorSet Menu style for disabled color
13.Show Menu at positioinShow Menu at positioin
14.Disable a menu itemDisable a menu item
15.Model for MenuModel for Menu
16.Add click listener to MenuAdd click listener to Menu
17.Submenu and radio button menuSubmenu and radio button menu
18.CheckBox menuCheckBox menu
19.Menu Control style settingMenu Control style setting
20.Adding icon to MenuitemAdding icon to Menuitem
21.Get clicked menu item index, label, toggle stateGet clicked menu item index, label, toggle state
22.Menu item click handlerMenu item click handler
23.Put Menu, TextInput and Button to ControlBarContentPut Menu, TextInput and Button to ControlBarContent