Comments on: Creating a custom ComboBox item renderer in Flex

By: Tolga

Tolga — Mon, 06 Oct 2008 18:32:19 +0000

Hi Peter, i've a problem with the selectedItem property of the combobox when using an array as dataProvider. I got a dataGrid listing from httpService, e4x format xml. sample xml is:

<root>
 <row>
  <domain>batidental.com.tr</domain>
  <description/>
  <alias>21</alias>
  <maxalias>100</maxalias>
  <mailbox>0</mailbox>
  <maxmailbox>100</maxmailbox>
  <quota>100</quota>
  <transport>virtual</transport>
  <backupmx>NO</backupmx>
  <modified>2008-09-20 11:19:19</modified>
  <active>YES</active>
 </row>
 <row>
  ..
 </row>
</root>

I want to automatically select combobox item via the datagrid selectedItem addressing.

<mx:ComboBox id="ed_fTransport" editable="false" 
    dataProvider="['virtual','local','relay']"
    selectedItem="{domainList.selectedItem.transport}"/>

<!-- for testing --> 							
<mx:Text id="testBox" text="{domainList.selectedItem.transport}" />

In this case, dataGrid selectedItem property for transport value retuns an <mx_internal_uid> together with actual value like:

<transport>
  virtual
  <mx_internal_uid>7B709DAD-E0F2-FB4C-4ACA-D3600DBF8C3B</mx_internal_uid>
</transport>

Looked in bug db however could not find any solution yet. I could use xmllist or fire up a function in actionscript, but this way it is easy to code, especially if you have lot's of similar form elements in an app. Thanks.

By: Brent

Brent — Wed, 02 Apr 2008 18:49:57 +0000

Thanks a ton! Exactly what I was looking for!

By: Javier Julio

Javier Julio — Wed, 20 Feb 2008 21:30:01 +0000

Dan, you get the new value by working with the “value” property of the comboBox.

By: Dan

Dan — Wed, 07 Nov 2007 02:27:23 +0000

Can someone suggest how to make an “editable” combobox? simply adding editable=true - only changes the display behavior, how does one return then new value?

By: flex_sd

flex_sd — Wed, 26 Sep 2007 17:30:49 +0000

peterd,

i’m designing custom combo box to auto open on mouseover and auto close on mouse out (i.e. without mouse selection). i’d like to also remove the down arrow entirely.

please post an example.

in my attempts, mouseOver=”combobox.open()” opens the drop down list on mouseover. no problems there.

however mouseOut=”combobox.close()” is triggered when the mouse leaves the combo box (fine) and when the mouse pointer moved into the drop down list (bugger!).

playing with itemRollOver/Out gets trick.

thought i’d challenge you here :^)

Thanks for the blog, it’s very useful.