Simple example of a combobox displaying data from a CF datasource

Question

Can anyone point me to a simple example of a Flex 3 combobox that displays data from a ColdFusion datasource?  I cannot seem to find a simple example.  As always, thanks!

Answer 1

Thanks for the response, but the example you provided is more complex than I need.  For example, I have a simple table accessed through ColdFusion.  The table has one filed with 7 records.  I need a flex page to display that data in DataGrid, ComboBox and List controls.  The Datagrid displays the 7 records but the ComboBox and List are blank.  How do I get the values from the database to display in the BomboBox and List controls?
Below is my code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
                creationComplete="initComponent()">
    <mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.rpc.events.ResultEvent;
        import mx.rpc.remoting.RemoteObject;
         private var currentIndex:int = 0;
        private var _key:Object;
        [Bindable]
        public function get key():Object
                return this._key;
        public function set key(key:Object):void
                this._key = key;
         private function initComponent():void
                refreshList(null);
         public function refreshList(event:Event):void
                this.dataManager.getRoles(this.key);
        private function getRoles_result(event:ResultEvent):void
                this.roleList.dataProvider = event.result as ArrayCollection;
                 this.roleList.selectedIndex = this.currentIndex;
    ]]>
    </mx:Script>
        <mx:RemoteObject
            id="dataManager"
            showBusyCursor="true"
            destination="ColdFusion"
            source="ifqgtfuses.com.vwRoles">
            <mx:method name="getRoles" result="getRoles_result(event)" />
        </mx:RemoteObject>
   <mx:Canvas width="100%" height="100%" x="0" y="0">
        <mx:DataGrid id="roleList"
            x="10" y="10">
            <mx:columns>
                <mx:DataGridColumn dataField="vchar_role" headerText="Role" />
            </mx:columns>
        </mx:DataGrid>
        <mx:ComboBox x="10" y="160" id="rolesComboBox" dataProvider="{roleList.selectedIndex}"/>
        <mx:List x="120" y="10" id="rolesList" dataProvider="{roleList.selectedIndex}"/>
   </mx:Canvas>
</mx:Canvas>