Custom Font On Individual Row Items In A ComboBox Component

Question

Hello everyone,
I am new to flash and I have spent many hours trying to get a
particular piece of functionality to work. I am trying to create a
combobox where the items listed in the combobox are font names and
each item will display using the font of the item label. For
instance, one item label in the list is "New Times Roman" and I
want that particular row in the combobox to have the text AND font
of "New Times Roman". For some reason, inside of my custom
CellRenderer class, I cannot seem to find a way to get the item
label that corresponds to the CellRenderer and the
CellRenderer.data item always appears to be null!
Please help. Thank you in advance for any help you can
provide.
This is the code I am currently using:
//From the main class, I am creating an instance of the
CustomizableComboBox and adding in the font names I am interested
in.
var comboFont:CustomizableComboBox=new
CustomizableComboBox();
comboFont.width=200;
comboFont.height=30;
comboFont.addItem({label:"Arial", data:"Arial"});
comboFont.addItem({label:"Times New Roman", data:"Times New
Roman"});
comboFont.addItem({label:"Tahoma", data:"Tahoma"});
comboFont.addItem({label:"Verda", data:"Verda"});
comboFont.addItem({label:"Wide Latin", data:"Wide Latin"});
comboFont.addItem({label:"Monotype Corsiva", data:"Monotype
Corsiva"});
comboFont.addItem({label:"Trebuchet MS", data:"Trebuchet
MS"});
comboFont.addItem({label:"Alba", data:"Alba"});
comboFont.addItem({label:"Arial Black", data:"Arial Black"});
comboFont.selectedIndex=1;//Times New Roman by default.
addChild(comboFont);
//In the CustomComboBox.as file, I have the CustomComboBox
class defined as:
package {
import fl.controls.ComboBox;
import flash.text.TextFormat;
import flash.events.Event;
public class CustomizableComboBox extends ComboBox{
public function CustomizableComboBox(){
super();
dropdown.setStyle("cellRenderer",CustomCellRenderer);
addEventListener(Event.CHANGE,changeIndex);
//Changes the text displayed as the currently selected item
with its corresponding font.
private function changeIndex(event:Event):void {
var fontName:String=selectedItem.label;
var format:TextFormat=new TextFormat(fontName,16);
setStyle("textFormat",format);
//Finally, in the CustomCellRederer.as file, I have defined
the CustomCellRenderer class as:
package{
import fl.controls.listClasses.CellRenderer;
import flash.text.TextFormat;
import fl.controls.ComboBox;
public class CustomCellRenderer extends CellRenderer{
public function CustomCellRenderer(){
//The trace will show that the data for the custom
cellrenderer is always null!!!
trace('custom cell data = '+data);
//If I could just get the item label corresponding to the
CellRenderer for this
//cell, then I could set the font as I desire.
var fontName:String="Wide Latin";
var format:TextFormat = new TextFormat(fontName,16);
setStyle("textFormat", format);
}

Answer 1

Oh, sorry. I see now what you want to do. Hmmm...
I cannot find any references to the class that defines each
item in the box. Off the top of my head what I would do (besides
writing my own combobox :-) - I would add some event listener with
capture set to true that would listen to the input text field
change Event.CHANGE and set ComboBox.editable = true. So, when you
type something in the item - it will dispatch event. By reading
Event.target, you may figure out what object is the TextField you
want to chage the style for. After that it may be possible just to
change style for each individual item's TextField.
myComboBox.editable = true;
myComboBox.addEventListener(Event.CHANGE, changeHandler);
private function changeHandler(e:Event):void{
trace(e.target + " : " + e.currentTarget);
Just a thought...