Flex ComboBox Component

The ComboBox component of Flex is similar to the select option of HTML code. This component also has editable mod. We can specify the data provider by using the Data providers or Collections.

 
 

Share on Google+Share on Google+

Flex ComboBox Component

Ads

The ComboBox component of Flex is similar to the select option of HTML code. This component also has editable mod. We can specify the data provider by using the Data providers or Collections.

Adobe Flex Combo Box Component:

The ComboBox component of Flex is similar to the select option of HTML code. This component
also has editable mode, in which a user can type on the top of the list. We use this component inside the mxml section and we can provide an id, if we want to access this component in any other mxml file or in an actionscript file.

In general drop down list opens downwards, and if the list is long then a scroll bar appears.

Example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
[Bindable]
public var colorPick:Array=['0x000000', '0xFF0000', '0xFF8800',
'0xFFFF00', '0x88FF00', '0x00FF00', '0x00FF88', '0x00FFFF'];
]]>
</mx:Script>
<mx:Panel x="0" y="0" width="344" height="158" title="Combo Box Example" horizontalAlign="center" verticalAlign="middle">

<mx:ComboBox>
<mx:ArrayCollection>
<mx:String>Flex</mx:String>
<mx:String>GWT</mx:String>
<mx:String>JavaFx</mx:String>
<mx:String>SilverLight</mx:String>
</mx:ArrayCollection>
</mx:ComboBox>
</mx:Panel>
</mx:Application>

Output:

Advertisements

Ads

Posted on: January 20, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles