FLEX AS3與ColdFusion進行Remoting = 傳值篇

首頁 > ColdFusion, FLEX > FLEX AS3與ColdFusion進行Remoting = 傳值篇

2009年2月11日瀏覽次數 : 2,486

閱讀評論發表評論

在前篇中使用 FLEX AS3 與 ColdFusion 建立 Remoting 提到如何設定 ColdFusion 以及 FLEX 專案以完成 Remoting 從 SERVER 端取回資料，那該怎麼把資料送到 SERVER 端呢 ? 別急… 這篇告訴你 !

首先我們修改上次的 helloworld.cfc 檔案，並且放在與上次相同的路徑 comp 底下

helloworld.cfc

^?View Code COLDFUSION

<cfcomponent>
	<cffunction name="sayHellow" returntype="String" access="remote">
    	<cfargument name="firstname" required="yes" type="string">
        <cfargument name="lastname" required="yes" type="string">
		<cfreturn "#firstname# #lastname# 您好 ! 這是你的 sayHellow 方法">
	</cffunction>
</cfcomponent>

接下來我們來修改 remotingTest.mxml 來負責將兩個欄位上傳至 SERVER 端，並且組合字串顯示在客戶端的 FLEX 畫面上。

remotingTest.mxml

^?View Code FLEX

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="16">
	<mx:Script>
		<![CDATA[
			//執行 sayHellow 方法
			private function clickHandler():void
			{
				var obj:Object=new Object();
				obj.firstname=this.firstname.text;
				obj.lastname=this.lastname.text;
				this.roTest.sayHellow(obj);
			//或是你也可以分別丟入參數資料
			//this.roTest.sayHellow(this.firstname.text,this.lastname.text);
			}
		]]>
	</mx:Script>
	<mx:RemoteObject id="roTest" destination="ColdFusion" source="comp.helloworld" result="this.testLabel.text = this.roTest.sayHellow.lastResult"/>
	<mx:Label id="testLabel" text="尚未取得SERVER資料"/>
	<mx:Form width="246">
		<mx:FormItem label="姓 : ">
			<mx:TextInput id="firstname"/>
		</mx:FormItem>
		<mx:FormItem label="名 : ">
			<mx:TextInput id="lastname"/>
		</mx:FormItem>
		<mx:FormItem>
			<mx:Button label="送出" click="clickHandler()"/>
		</mx:FormItem>
	</mx:Form>
</mx:Application>

接下來我們執行 FLEX 程式後，輸入姓名並寫送出，我們便可得到「方大同您好 ! 這是你的 sayHellow 方法」。