How to make non-editable ComboBox in flex.

Question

Hi All,
   I defined ComboBox as below and I'd like to make this combobox to non-editable(readonly)
  <mx:ArrayCollection id="bb_list">
        <mx:Object data="" label="-Please Select-"/>
        <mx:Object data="Y" label="Yes"/>
        <mx:Object data="N" label="No"/>
        <mx:Object data="D" label="I Don't Know"/>
    </mx:ArrayCollection>
  <mx:ComboBox  width="152" id="broad" dataProvider="{bb_list}" change="bb_service()" editable="false" > </mx:ComboBox>
Still it is displaying ComboBox where user can change value from this ComboBox, can anyone let me know how to make this ComboBox to non-editable.
  Thanks in advance.
Regards,
Sharath.

Answer 1

I really don't understand what you're trying to do.
In the ComboBox default state, you cannot type text into the non-drop-down portion.  If you set it to editable, then you can type text in the non-drop-down portion.
But, in both of these situations, the user can still open the drop down and select a new value.
Do you want to display a drop down, but not give the users the ability to select a new option?  If so, you might not be able to work something up by listening to the change event, although I would expect that to be non-conducive to good interface design.
If you don't want to show the drop down at all, use a Text component instead of a ComboBox.
You might also try disabling the ComboBox in order to prevent the user from interacting with it.
If you can elaborate on what behavior you're expecting and why it is unexpected, that might help us point you in the right direction.