Combobox dropdown doesn't refresh

Question

Hi all!
I have a comboBox problem. Please test this simple code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var dp:ArrayCollection;
            private function init():void
                dp = new ArrayCollection(["one", "two"]);
        ]]>
    </mx:Script>
    <mx:ComboBox id="cb" dataProvider="{dp}"/>
    <mx:Button label="click me" click="dp = new ArrayCollection(['three', 'four']);dp.refresh()"/>
</mx:Application>
What happens is that the dropdown list of the combobox doesn't show the new values. I guess I'm overlooking something here.
Any advice?
Thanks!
Dany

Answer 1

Hi Archimedia,
I have run the sample code that you have sent....but I could see no problem I could see the combobox being refreshed when the button being clicked.
However it is always safer to remove all the elements in the ArrayCollection using the removeAll() method before assigning the new values.
Try the below code and check whether it's working for you...?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()"
>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection; 
Bindable] 
private var dp:ArrayCollection; 
private function init():void
dp =
new ArrayCollection(["one", "two"]);}
private function refreshComboBox():void
if(dp != null){
dp.removeAll();
dp.refresh();
dp =
new ArrayCollection(['three', 'four']);}
]]>
</mx:Script>
<mx:ComboBox id="cb" dataProvider="{dp}"/>
<mx:Button label="click me" click="refreshComboBox()"/></mx:Application>
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari