Re: [flexcoders] Icons are not displayed in menuItem

[Rajan Jain]

I looked into function itemToIcon in ListBase.as
if
{
}(data isXML)try{
{
icon = String(data[iconField]);
{
iconClass = Class(systemManager.getDefinitionByName(icon));
if(iconClass)returniconClass;
 returndocument[icon];catch(e:Error)

In this systemManager points to TestCodeBehind.mxml.
If i declare variables in TestCodeBehind.mxml it works.
 
<mx:Script><![CDATA[
[
[
]]>Embed(source="assets/icon_help..gif")]publicvarimgdeleteClass:Class;Embed(source="assets/button_edit.gif")]publicvarimgeditClass:Class;</mx:Script>
 
but i cannot do this as these varibles need to be defined in TestComponent.as 
but i can change icon attribute in xml. 
So if reference can be made to TestComponent from systemManager then it will 
work.
 
Please help me out.
 
Thanks
Rajan
 


----- Original Message ----
From: Alex Harui <[EMAIL PROTECTED]>
To: "flexcoders@yahoogroups.com" <flexcoders@yahoogroups.com>
Sent: Monday, September 15, 2008 2:06:26 PM
Subject: RE: [flexcoders] Icons are not displayed in menuItem


Object is a different code path.  In XML, everything is strings and we have to 
convert them to classes..  The key function is probably itemToIcon in 
ListBase.as
 
From:[EMAIL PROTECTED] ups.com [mailto:flexcoders@ yahoogroups. com] On Behalf 
Of Haykel BEN JEMIA
Sent: Monday, September 15, 2008 2:06 AM
To: [EMAIL PROTECTED] ups.com
Subject: Re: [flexcoders] Icons are not displayed in menuItem
 
I think the problem is else where, because when I use an array of objects to 
define the menu, the icons get displayed. I also displayed both menus at the 
same time and only the one defined from the array of objects shows the icons, 
so the icons are definitely in the document.
 
Here is the code I used:
 
public var myMenu2:Menu;
public var myMD:Array = [
          {label: "Edit", eventName: "copy", icon: imgeditClass} ,
          {label: "Delete", eventName: "delete", icon: imgdeleteClass} ];
 
and in showMenufunction( ) :
 
myMenu2=Menu. createMenu( this, myMD,false);
myMenu2.show( 400, 200);
 
 
Haykel
 
 
On Mon, Sep 15, 2008 at 7:34 AM, Alex Harui <[EMAIL PROTECTED] com> wrote:
I think the icons are not on the document.  Try defining TestComponent in mxml 
and see if that makes a differenc.e
 
From:[EMAIL PROTECTED] ups.com [mailto:[EMAIL PROTECTED] ups.com] On Behalf Of 
Rajan Jain
Sent: Sunday, September 14, 2008 9:52 PM
To: [EMAIL PROTECTED] ups.com
Subject: Re: [flexcoders] Icons are not displayed in menuItem
 
Hi All
 
I am made custom component(TestComponent) which extends Panel and shown menu at 
start up. Code is very very simple but i do not know why the menu icons are not 
displayed. Any pointers are highly appreciated. See the code below and i have 
also attached code files as attachement.
 
Thanks
Rajan
------------ --------- --------- --------- --------- --------- --------- 
--------- --------- --------- --------- --------- --------- --------- --------- 
--------- -----
<?xml version="1.0" encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe. com/2006/ mxml" layout="absolute" 
xmlns:local="*">
<local:TestComponentwidth="100%" height="100%">
</local:TestComponen t>
</mx:Application>
------------ --------- --------- --------- --------- --------- --------- 
--------- --------- --------- --------- --------- --------- --------- --------- 
--------- -----
package
{
importflash.events. Event;
importmx.containers. Panel;
importmx.controls. Menu;
importmx.events.FlexEvent ;
publicclass TestComponent extends Panel
{
publicvar myMenu:Menu;
[Embed(source="assets/icon_ help.gif")]
publicvar imgdeleteClass: Class;
[Embed(source="assets/button_ edit.gif")]
publicvar imgeditClass: Class;
publicvar myMenuData:XML=<menu>
<menuitem label="Edit" eventName="copy" icon="imgdeleteClass" />
<menuitem label="Delete" eventName="paste" icon="imgdeleteClass"/>
</menu>;
publicfunction TestComponent( )
{
    super();
    addEventListener( FlexEvent. CREATION_ COMPLETE, showMenufunction );
}
publicfunction showMenufunction( event:Event=null):void
{
if(myMenu == null)
{
myMenu=Menu. createMenu(this, myMenuData,false);
myMenu.iconField="@icon";
myMenu.labelField="@eventName"; 
myMenu.show( 200,200);
}
}
}
}
 
 
----- Original Message ----
From: Alex Harui <[EMAIL PROTECTED] com>
To: "[EMAIL PROTECTED] ups.com" <[EMAIL PROTECTED] ups.com>
Sent: Sunday, September 14, 2008 1:09:59 AM
Subject: RE: [flexcoders] Icons are not displayed in menuItem
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:[EMAIL PROTECTED] ups.com [mailto:flexcoders@ yahoogroups. com] On Behalf 
Of Rajan Jain
Sent: Saturday, September 13, 2008 8:55 PM
To: [EMAIL PROTECTED] ups.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">  
   
     <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.addEventList ener("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: " + event.item.@ label, "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>   
   
 
 
  
}
}
}
{
}if(data[iconField].length() != 0)if(icon != null) 


      

TestCodeBehind.mxml
Description: Binary data

TestComponent.as
Description: Binary data