I'm trying to create a menu navigation bar for a site I'm building.  
I'm having trouble figuring out away to execute a function when a 
root menuitem is clicked.  If you look at the following example if 
you click the home page link nothing happens.  Is there away to fire 
off a function when you click the homepage item?

<?xml version="1.0"?>
<!-- Simple example to demonstrate the MenuBar control. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 
creationComplete="initCollections();" >

    <mx:Script>
        <![CDATA[

            import mx.events.MenuEvent;
            import mx.controls.Alert;
            import mx.collections.*;

            [Bindable]
            public var menuBarCollection:XMLListCollection;
    
            private var menubarXML:XMLList =
                <>
                    <menuitem label="Home" data="top"/>
                    <menuitem label="Menu With Items" data="top">
                        <menuitem label="MenuItem 2-A" type="check"  
data="2A"/>
                        <menuitem type="separator"/>
                        <menuitem label="MenuItem 2-B" >
                            <menuitem label="SubMenuItem 3-A" 
type="radio"
                                groupName="one" data="3A"/>
                            <menuitem label="SubMenuItem 3-B" 
type="radio"
                                groupName="one" data="3B"/>
                        </menuitem>
                    </menuitem>
                </>;

            // Event handler to initialize the MenuBar control.
            private function initCollections():void {
                menuBarCollection = new XMLListCollection(menubarXML);
            }

            // Event handler for the MenuBar control's itemClick 
event.
            private function menuHandler(event:MenuEvent):void  {
                // Don't open the Alert for a menu bar item that 
                // opens a popup submenu.
                Alert.show("Label: " + [EMAIL PROTECTED] + "\n" 
+ "Data: " + [EMAIL PROTECTED], "Clicked menu item");
                      
            }
         ]]>
    </mx:Script>

    <mx:Panel title="MenuBar Control Example" height="75%" 
width="75%" 
        paddingTop="10" paddingLeft="10">

        <mx:Label width="100%" color="blue"
           text="Select a menu item."/>

        <mx:MenuBar labelField="@label" itemClick="menuHandler
(event);" 
            dataProvider="{menuBarCollection}" />
            
    </mx:Panel>
</mx:Application>

Reply via email to