Question

I am looking to implement a search text box as follows:

When user starts typing in and there are non-zero results, the text box will open up and display the results below it.
When the user selects a result, the text box closed, but this time with a down-arrow (like a combobox) so that the user can re-open the list.

I suspect what I really need is a combobox with ability to hide/show the down arrow. How do I do this in Flex?

Thanks in advance.

Answer 1

I found out an easy way to do this:

setStyle(“arrowButtonWidth”, 0);

In my custom combobox, I set the initial width of the arrow button to 0.

Then in the List change event,

  addEventListener(ListEvent.CHANGE, changeHandler);

if the size of the dataprovider is greater than 1, the arrow width is set back to (say) 20

  setStyle("arrowButtonWidth", 20);

This approach is much simpler than the above approaches. If you know any pitfall of my approach, please share.