Solved

populate combo box in flex via db

Posted on 2009-04-08
3
1,567 Views
Last Modified: 2013-12-24
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)" />

	</mx:RemoteObject>

	<mx:Script>

		<![CDATA[

			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;

				makeNew();

				

			}

			private function makeNew():void{

				firstNameFld.text = "";

				lastNameFld.text = "";

				officePhoneFld.text = "";

				isNew = true;

			}

			private function save():void{

				if(isNew){

					ro.saveNewData(firstNameFld.text,lastNameFld.text,officePhoneFld.text);

				}else{

					ro.saveOldData(firstNameFld.text,lastNameFld.text,officePhoneFld.text,dg.selectedItem.id);

				}

			}

			private function deleteData():void{

				if(dg.selectedIndex > -1 )ro.deleteData(dg.selectedItem.id);

			}

		]]>

	</mx:Script>

	<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:DataGrid>

		<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>

			<mx:FormItem label="Last Name" id="lastnameLbl" x="11" y="40">

				<mx:TextInput id="lastNameFld" text="{dg.selectedItem.lastNameFld}"/>

			</mx:FormItem>

			<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>

			<mx:FormItem label="Market" id="marketLbl" x="10" y="100" width="266">

				<mx:ComboBox> 

      <mx:ArrayCollection>

         <mx:String>AK</mx:String>

         <mx:String>AL</mx:String>

         <mx:String>AR</mx:String>

      </mx:ArrayCollection>

   </mx:ComboBox>
 
 

			</mx:FormItem>

		</mx:Panel>

		<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"/>

	</mx:Panel>

</mx:Application>

Open in new window

0
Comment
Question by:COwebmaster
  • 2
3 Comments
 
LVL 19

Accepted Solution

by:
erikTsomik earned 500 total points
Comment Utility
0
 

Author Closing Comment

by:COwebmaster
Comment Utility
Thanks!
0
 
LVL 19

Expert Comment

by:erikTsomik
Comment Utility
thank you
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

In our day to day coding, how many times have we come across a necessity to check whether a URL is a broken link or not? For those of you that answered countless and are using ColdFusion like myself, then this article is for you.  It will show yo…
Article by: kevp75
Hey folks, 'bout time for me to come around with a little tip. Thanks to IIS 7.5 Extensions and Microsoft (well... really Windows 8, and IIS 8 I guess...), we can now prime our Application Pools, when IIS starts. Now, though it would be nice t…
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now