populate combo box in flex via db

How would I populate a combo box with data from a cfc?  I have an array below but they are hard coded.  The cfc is built to return the data.  Just need to know now to populate the combo box with the query data.
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="ro.getData()"  viewSourceURL="srcview/index.html" height="100%" borderStyle="none" width="100%">
	<mx:RemoteObject id="ro" destination="ColdFusion" showBusyCursor="true" source="Media.components.Crud">
		<mx:method name="getData" result="getDataResult(event)" />
		<mx:method name="saveNewData" result="getDataResult(event)" />
		<mx:method name="saveOldData" result="getDataResult(event)" />
		<mx:method name="deleteData" result="getDataResult(event)" />
			import mx.collections.ArrayCollection;
			import mx.rpc.events.ResultEvent;
			private var isNew:Boolean = true;
			public function getDataResult(e:ResultEvent):void{
				dg.dataProvider = e.result as ArrayCollection;
			private function makeNew():void{
				firstNameFld.text = "";
				lastNameFld.text = "";
				officePhoneFld.text = "";
				isNew = true;
			private function save():void{
			private function deleteData():void{
				if(dg.selectedIndex > -1 )ro.deleteData(dg.selectedItem.id);
	<mx:Label text="View your data below." width="1148" height="25" color="#FFFFFF" fontSize="12" fontFamily="Verdana" fontWeight="bold" id="toptext"/>
	<mx:Panel width="1148" height="784" layout="absolute">
		<mx:DataGrid x="10" y="10" width="1108" height="316" id="dg" change="isNew = false">
		<mx:Panel x="10" y="409" width="1108" height="286" layout="absolute">
			<mx:FormItem label="First Name" id="firstnameLbl" x="10" y="10">
				<mx:TextInput id="firstNameFld" text="{dg.selectedItem.firstNameFld}"/>
			<mx:FormItem label="Last Name" id="lastnameLbl" x="11" y="40">
				<mx:TextInput id="lastNameFld" text="{dg.selectedItem.lastNameFld}"/>
			<mx:FormItem label="Office Phone" id="officephoneLbl" x="10" y="70" width="266">
				<mx:TextInput id="officePhoneFld" text="{dg.selectedItem.officePhoneFld}" width="176"/>
			<mx:FormItem label="Market" id="marketLbl" x="10" y="100" width="266">
		<mx:Button x="10" y="712" label="Save Record" click="save()"/>
		<mx:Button x="1011" y="712" label="Delete Record" click="deleteData()"/>
		<mx:Button x="115" y="712" label="Add New Record" click="makeNew()"/>
		<mx:Label x="105" y="334" text="Click on the record which will populate the fields below. After making your changes, click Save Record." width="1013" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="normal" id="midtext"/>
		<mx:Label x="10" y="334" text="Edit A Record:" width="97" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="bold" id="midtext0"/>
		<mx:Label x="130" y="355" text="Click Add New Record to clear all fields.  Enter new data, then click Save Record." width="988" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="normal" id="midtext1"/>
		<mx:Label x="10" y="355" text="Add New Record:" width="123" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="bold" id="midtext2"/>
		<mx:Label x="115" y="376" text="Click on the record above.  Then click Delete Record." width="1003" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="normal" id="midtext3"/>
		<mx:Label x="10" y="376" text="Delete Record:" width="112" height="25" color="#990000" fontSize="11" fontFamily="Verdana" fontWeight="bold" id="midtext4"/>

Open in new window

Who is Participating?
erikTsomikConnect With a Mentor System Architect, CF programmer Commented:
COwebmasterAuthor Commented:
erikTsomikSystem Architect, CF programmer Commented:
thank you
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.