DropDownList / ComboBox DataProvider Issue

Question

In this example I have an ArrayCollection (values) that serves as a DataProvider and a Bindable field (value).  I would like to twoWay bind the value and dynamically load the values.  When dynamically loading the values, my bounded value is null.
I have two applications below, in the first example the dataprovider is initialized with all its values and the behavior is correct:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
  <s:layout>
    <s:VerticalLayout/>
  </s:layout>
  <fx:Declarations>
    <fx:String id="value">B</fx:String>
    <s:ArrayCollection id="values">
      <fx:String>A</fx:String>
      <fx:String>B</fx:String>
      <fx:String>C</fx:String>
    </s:ArrayCollection>
  </fx:Declarations>
  <s:ComboBox id="comboBox" selectedItem="@{value}" dataProvider="{values}"/>
  <s:TextInput text="@{value}"/>
</s:Application>
In the second example the dataprovider is loaded dynamically, which is typical for a data driven application.  Now the bounded value is lost:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
  <fx:Script><![CDATA[
    private function comboxCreated():void {
      values.addItem("A");
      values.addItem("B");
      values.addItem("C");
    ]]></fx:Script>
  <s:layout>
    <s:VerticalLayout/>
  </s:layout>
  <fx:Declarations>
    <fx:String id="value">B</fx:String>
    <s:ArrayCollection id="values"/>
  </fx:Declarations>
  <s:ComboBox id="comboBox" selectedItem="@{value}" dataProvider="{values}" creationComplete="comboxCreated()"/>
  <s:TextInput text="@{value}"/>
</s:Application>
Is there any recommended / elegant solution to fix this issue?
Kind Regards

Answer 1

I tried this and it seems to work fine - just moved the setting of the value of "value" to the creationComplete handler:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
  <fx:Script>
                    <![CDATA[
                              private function comboxCreated():void {
                                        values.addItem("A");
                                        values.addItem("B");
                                        values.addItem("C");
                                        value="B";
                    ]]>
  </fx:Script>
  <s:layout>
  <s:VerticalLayout/>
  </s:layout>
  <fx:Declarations>
  <s:ArrayCollection id="values"/>
  <fx:String id="value"/>
  </fx:Declarations>
          <s:ComboBox id="comboBox" selectedItem="@{value}" dataProvider="{values}" creationComplete="comboxCreated()"/>
          <s:TextInput text="@{value}"/>
</s:Application>