Comments on: Flex 2.0.1 ComboBox with icon support.

By: Scott Schafer

Scott Schafer — Tue, 29 Sep 2009 21:47:55 +0000

Great work! Incidentally, I compiled this with the 3.4 SDK (crossing my fingers), and it worked perfectly. Thanks so much.

By: Jessie Williams

Jessie Williams — Wed, 01 Jul 2009 19:34:46 +0000

Nice job! I wonder if there is any way to override the prompt attribute. This would be helpful for the default selection.

By: Tim Herman

Tim Herman — Tue, 19 May 2009 17:55:37 +0000

I had the same problem. The issue is that the setter doesn’t execute when you are setting a property to the same value it currently holds. In this case, setting iconField to “icon” exposes the problem.

Fix — initialize the DropDownFactory iconField property to _iconField in the constructor:

public function DexIconCombobox():void
{
super();

//setup the properties on the factory before init so that
//the drop down will gracefully adopt them.
internalDropdownFactory.properties = { iconField:_iconField,iconFunction:null };
dropdownFactory = internalDropdownFactory;
}

By: Gautham

Gautham — Sat, 21 Mar 2009 15:37:29 +0000

Hi ,
I have a problem in displaying the icon in the combobox. what i did is in creation complete i made the selectedItem of the combobox to display a paricular item .The item label is displayed correctly but not the icon for that label.Instead it shows the icon of the first item .
This occurs only when the file is first loaded.
then when i select a paticular item from the combobx its labels and the icons are shown correctly.what went wrong in this ?

thanks
Gautham

By: Vijay Anand Mareddy

Vijay Anand Mareddy — Mon, 16 Mar 2009 21:35:51 +0000

FYI, iconFunction is working fine but NOT iconField (Yes, i do have icon field in each dataItem)

By: Rocky

Rocky — Thu, 18 Dec 2008 10:52:03 +0000

Ok I’m pretty new at all this, but one simple questions, how do I exactly use / attach this to my .fla?

By: SmartLogic Solutions Blog » Blog Archive » Displaying an Image in a ComboBox

Mon, 01 Dec 2008 16:18:00 +0000

[...] was surprised that a quick search didn’t find any components to allow this. The closest was a post by Jason Hawryluk, however this required the image to be embedded into the [...]

By: SGIA

SGIA — Sun, 23 Nov 2008 01:31:51 +0000

Hello, thanks for that, very nice.
I have a question – I am using your combo box in a repeater component and setting the selectedIndex value based on the value in the dataProvider when the user changes from one data set to the next.

If I have the repeater component set to “recycleChildren”, it randomly skips updating the image in the ComboBoxes to reflect the value in selectedIndex. The selectedIndex is correct, however the control isn’t updating and displaying the icon for the selected index item.

If I set recycleChildren to false, it updates fine however the performance is of course then lagging.

Any ideas?

Thanks

By: mindy

mindy — Tue, 11 Nov 2008 01:08:51 +0000

thank you soo much for this post! i was trying to code this and figure it out. i’m very appreciative.

By: xcom

xcom — Mon, 10 Nov 2008 15:02:34 +0000

and to get the value of the item as I do

By: Murray Eaton

Murray Eaton — Tue, 04 Nov 2008 22:55:39 +0000

Nice stable code. Thank you for your insight!

By: Igor

Igor — Fri, 31 Oct 2008 18:39:17 +0000

Thanks for this super code

By: jason

jason — Wed, 10 Sep 2008 19:30:19 +0000

How can you truncate the first item in list or I should say the one in the prompt?

By: John Grindall

John Grindall — Fri, 15 Aug 2008 14:17:41 +0000

Sorry solved it – the loader hadn’t finished loading when the CellRenderer drew the icon.

By: John Grindall

John Grindall — Thu, 14 Aug 2008 09:31:40 +0000

Hi there, great tutorial! I’m working on a component in Flash AS3, in which you can place any text, image or equation inside a comboBox. I have set the iconFunction like this:

iconFunction = function(item:Object):Object {
var o:Object=getIcon(item.data);
return o;
}
public function getIcon(i:int):Object{
if(i<0){
return null;
}
if(contentsArray[i].type==”EQN”){
var m1:MathObject=new MathObject(contentsArray[i].param);
return m1;
}
else if(contentsArray[i].type==”IMG”){
var m2:ImgObject=new ImgObject(contentsArray[i].param);
return m2;
}
else{
return null;
}
}

My MathObject and ImageObject both extend MovieClip and have some data associated with them (xml string or url string is the .param)

My problem is that whilst MathObjects work fine, the images in ImgObjects jump up about 10 pixels when you rollover them and I can’t figure out why. It works fine if the MovieClips are in the library, and the mathobjects are drawn dynamically and work fine, but Img objects don’t – I’ve tried using a Loader and also getting the bitmap from the loader and just using that, but they still jump. Anyone got any ideas??
Thanks!
John G

By: ej

ej — Mon, 04 Aug 2008 16:15:55 +0000

What is the following code doing? How can it return a class from just text?

if (data[iconField].length() != 0)
{
icon = String(data[iconField]);
if (icon != null)
{
iconClass = Class(systemManager.getDefinitionByName(icon));
if (iconClass){
return iconClass;
}
return document[icon];
}
}

By: Vijay

Vijay — Sun, 27 Jul 2008 22:23:07 +0000

In my posting above,by this line –>”Then change the icon field for each the object in your iconcombobox.dataProvider” —

I meant programmatically based on what image you want to see for each ITEM, change the @icon property of each of the iconcombobox.dataprovider.object

By: Vijay

Vijay — Sun, 27 Jul 2008 22:17:28 +0000

Joeren, If you have 100 images and you need to toggle between them…then you have to load/embed all 100 images..then use an IconFunction and provide to the IconComboBox. Then change the icon field for each the object in your iconcombobox.dataProvider.

Also make this change in the IconCombobox.as (courtesy of Glinto see previous posting)

override public function set measuredWidth(value:Number):void
{
if (displayIconObject)
super.measuredWidth = value + getStyle(”cornerRadius”);
else
super.measuredWidth = value + (DisplayObject(displayIconObject).width+getStyle(”cornerRadius”));
}

By: Vijay

Vijay — Sun, 27 Jul 2008 22:09:32 +0000

Nick, you need to use the iconFunction.

By: Nick

Nick — Fri, 04 Jul 2008 08:28:47 +0000

Thanks for this great code. I also need to programatically load the icons. Basically, I have a folder of xml files representing translations of the user interface (English, French, German, etc). For each xml file, there is an icon file (png) of the flag for that language.

The folder is scanned and all available languages are listed in the combo box. How therefore do I dynamically load the icon too?

i.e. how do I programatically set the icon file to “en_US.png” when programatically creating the drop down list?

Many thanks in advance for any advice you can give!