Custom ComboBox as Item Renderer


<?xml version=”1.0″ encoding=”utf-8″?>
<!– http://blog.flexexamples.com/2007/09/25/creating-a-custom-combobox-item-renderer-in-flex/ –>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml&#8221; layout=”vertical” verticalAlign=”top”
backgroundColor=”white”>
<mx:XMLList id=”statesXMLList”>
<state abbrev=”AL” name=”Alabama” />
<state abbrev=”AK” name=”Alaska” />
<state abbrev=”AZ” name=”Arizona” />
<state abbrev=”AR” name=”Arkansas” />
<state abbrev=”CA” name=”California” />
<state abbrev=”CO” name=”Colorado” />
<state abbrev=”CT” name=”Connecticut” />
</mx:XMLList>
<mx:ComboBox id=”comboBox” prompt=”Please select a State…” dataProvider=”{statesXMLList}”

rowCount=”3″
labelField=”@name” itemRenderer=”ComboBoxItemRenderer” />
</mx:Application>

ComboBoxItemRenderer.mxml

<?xml version=”1.0″ encoding=”utf-8″?>
<!– http://blog.flexexamples.com/2007/09/25/creating-a-custom-combobox-item-renderer-in-flex/ –>
<mx:VBox xmlns:mx=”http://www.adobe.com/2006/mxml&#8221; styleName=”plain”>
<mx:Label text=”{data.@name}” fontSize=”11″ fontWeight=”bold” />
<mx:Label text=”{data.@abbrev}” fontSize=”9″ paddingLeft=”10″ />
</mx:VBox>

Advertisements

~ by mjcprasad2000 on May 13, 2009.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: