RE: [flexcoders] Icons are not displayed in menuItem

[Alex Harui]

I think it should just be ( no curlys ):

<mx:XML id="myMenuData">
         <root>
             <menuitem label="MenuItem 1" eventName="copy" 
icon="imgdeleteClass"/>
             <menuitem label="MenuItem 2" eventName="paste" 
icon="imgeditClass"/>
         </root>
     </mx:XML>


From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rajan 
Jain
Sent: Saturday, September 13, 2008 8:55 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Icons are not displayed in menuItem

Hi All

I am trying to display icon in the menu. I am using example from livedocs 
language reference. I have added

icon attribute to dataprovider
myMenu.iconField="@icon"

but icons are not displayed.
Any pointers are highly appreciated.

Thanks
Rajan

--------------------------------------------------------------------------------------------------------------------------------------------------------
Complete Source Code-



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

     <mx:Script>
         <![CDATA[

             import mx.controls.Menu;
             import mx.events.MenuEvent;
             import mx.controls.Alert;
             impo! rt flash.geom.Point;

    [Bindable]
    [Embed(source="assets/icon_help.gif")]
        public var imgdeleteClass:Class;

    [Bindable]
    [Embed(source="assets/button_edit.gif")]
        public var imgeditClass:Class;

             private var point1:Point = new Point();
             private var myMenu:Menu;

             // Create and display the Menu control.
             private function showMenu():void {
                 myMenu= Menu.createMenu(panel, myMenuData, false);
                 myMenu.labelField="@label"
                 myMenu.iconField="@icon";
                 myMenu.addEventListener("itemClick", menuHandler);

                 // Calculate position of Menu in Application's coordinates.
                 point1.x=mybutton.x;
                 point1.y=mybutton.y;
                 point1=mybutton.localToGlobal(point1);

                 myMenu.show(point1.x + 25, point1.y + 25);
             }

             // Event handler for the Menu control's change event.
             private function menuHandler(event:MenuEvent):void  {
                 Alert.show("Label: " + [EMAIL PROTECTED], "Clicked menu item");
             }
         ]]>
     </mx:Script>

     <mx:XML id="myMenuData">
         <root>
             <menuitem label="MenuItem 1" eventName="copy" 
icon="{imgdeleteClass}"/>
             <menuitem label="MenuItem 2" eventName="paste" 
icon="{imgeditClass}"/>
         </root>
     </mx:XML>

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

         <mx:Label width="100%" color="blue"
            text="Click the button to open the Menu control."/>

         <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/>

     </mx:Panel>
</mx:Application>