Flex 与 Asp.Net 通过 Remoting 方式进行通讯 (四)

六、自定义实体对象的传递（http://xingfustar.cnblogs.com/)

本节是Remoting通讯的最后一节，主要讲述自定义实体对象的传递，并简单了解下Flex中类的声明及DataGrid的使用方法。我们仍分两个部分来讲。

1、.NET服务器端程序（http://xingfustar.cnblogs.com/)

首先，我们编写一个用户实体类，包括姓名、性别及年龄，类代码如下

/*----------------------------------------------------------------
* 版权：http://XingFuStar.cnblogs.com
*
* 文件名： User.cs
* 文件功能描述： User实体类
*
* 作者：XingFuStar
* 日期：2007年12月11日
*
* 当前版本：V1.0.0
*
* 修改日期：
* 修改内容：
*---------------------------------------------------------------*/

using System;

namespace RemotingSample
{
public class User
{
private string name;

public string Name
{
get { return name; }
set { name = value; }
}

private int age;

public int Age
{
get { return age; }
set { age = value; }
}

private string sex;

public string Sex
{
get { return sex; }
set { sex = value; }
}

public User()
{

}
}
}
在我们前两节编写的RemotingSample类中添加 GetUsers 方法，代码如下：

public List<User> GetUsers()
{
List<User> users = new List<User>();

User user = new User();
user.Name = "张三";
user.Age = 23;
user.Sex = "男";
users.Add(user);

user = new User();
user.Name = "李四";
user.Age = 24;
user.Sex = "女";
users.Add(user);

user = new User();
user.Name = "王五";
user.Age = 22;
user.Sex = "男";
users.Add(user);

return users;
}
接下来，我们开编写Flex端，重点在Flex这里

2、Flex客户端程序（http://xingfustar.cnblogs.com/)

在Flex工程中，添加一个 ActionScript Class， 我们先在工程中添加一个 名为Module的文件夹 。接下来，右键点击这个文件夹，在其中添加一个 ActionScript Class， 类名为“User”（并不一定要与.NET中的类相同，这里想同是便于理解和管理）
在新建的类中添加如下代码：

/*----------------------------------------------------------------
* 版权：http://XingFuStar.cnblogs.com
*
* 文件名： User.as
* 文件功能描述： 用户实体类
*
* 作者：XingFuStar
* 日期：2007年12月14日
*---------------------------------------------------------------*/

package Module
{
//这名话是必须的，用这句话来绑定.Net中的类
[RemoteClass(alias="RemotingSample.User")]
public class User
{
public function User()
{
//请不要删除以下信息
//版权：http://XingFuStar.cnblogs.com
}

private var name:String;

public function get Name():String
{
return name;
}

public function set Name(setValue:String):void
{
name = setValue;
}

private var age:int;

public function get Age():int
{
return age;
}

public function set Age(setValue:int):void
{
age = setValue;
}

private var sex:String;

public function get Sex():String
{
return sex;
}

public function set Sex(setValue:String):void
{
sex = setValue;
}
}
}
注意这个类的第一行，有这样一句话 [RemoteClass(alias="RemotingSample.User")] 这是连接.NET类的关键所在， 添加这句话后，这个类，才与.NET中创建的User类建立了联系。

[RemoteClass(alias="命名空间.类名")]

在 Design 模式下添加，添加一个 DataGrid，id为dgUser，新添加的DataGrid自动生成了三个DataGridColumn，修改其headerText，和dataField。headerText为DataGrid每行的标题，dataField为绑定的实体对象的属性。
DataGrid设计如下代码所示：

<mx:DataGrid x="38" y="318" height="116" width="312" id="dgUser">
<mx:columns>
<mx:DataGridColumn headerText="姓名" dataField="Name"/>
<mx:DataGridColumn headerText="性别" dataField="Sex"/>
<mx:DataGridColumn headerText="年龄" dataField="Age"/>
</mx:columns>
</mx:DataGrid>
继续添加一个Button控件，id为btnGetUsers，Label属性为 GetUsers

在 Source 模式下, 修改　mx:RemoteObject 标签，添加　
<mx:method name="GetUsers" result="RemoteResult(event)" fault="RemoteFault(event)"/>
修改脚本中 RemoteResult方法，代码如下

public function RemoteResult(re:ResultEvent):void
{
switch(re.currentTarget.name)
{
case "HelloWord":
var str:String = re.result as String;
this.txtHelloWord.text = str;
break;
case "SayHello":
str = re.result as String;
this.txtSayHello.text = str;
break;
case "GetArray":
for(var i:int=0; i<re.result.length; i++)
{
this.txtUsers.text += re.result[i].toString() + ", ";
}
break;
case "GetDictionary":
case "GetHashTable":
this.txtZhangSan.text = re.result["张三"];
this.txtLiSi.text = re.result["李四"];
this.txtWangWu.text = re.result["王五"];
break;
case "GetUsers": //新加部分
var userList:ArrayCollection = new ArrayCollection();

for(var j:int=0; j<re.result.length; j++)
{
var user:User = re.result[j] as User;
userList.addItem(user);
}

//用来绑定DataGrid
this.dgUser.dataProvider = userList;
break;
}
}

在 mx:Button （GetUsers） 标签中添加属性 click="sampleRemoteObject.GetUsers()"

运行Flex程序，在浏览器中查看效果　


附件：源码
1、.Net端

/*----------------------------------------------------------------
* 版权：http://XingFuStar.cnblogs.com
*
* 文件名： RemotingSample
* 文件功能描述： .NET与Flex通讯DEMO
*
* 作者：XingFuStar
* 日期：2007年12月11日
*
* 当前版本：V1.0.0
*
* 修改日期：2007年12月14日
* 修改内容：增加获取数组，Dictionary，HashTable等方法例程
*---------------------------------------------------------------*/

using System;
using com.TheSilentGroup.Fluorine;
using System.Collections.Generic;
using System.Collections;

namespace RemotingSample
{
[RemotingService("Fluorine sample service")]
public class RemotingSample
{
public RemotingSample()
{
//请不要删除以下信息
//版权：http://XingFuStar.cnblogs.com
}

public string HelloWord()
{
return "Hello Word!";
}

public string SayHello(string name)
{
return "Hello " + name + "!";
}

public string[] GetArray()
{
string[] array = new string[]{"张三","李四","王五"};

return array;
}

public Dictionary<String, Int32> GetDictionary()
{
Dictionary<String, Int32> dictionary = new Dictionary<string, int>();
dictionary.Add("张三", 23);
dictionary.Add("李四", 24);
dictionary.Add("王五", 22);
return dictionary;
}

public Hashtable GetHashTable()
{
Hashtable hash = new Hashtable();
hash.Add("张三", 23);
hash.Add("李四", 24);
hash.Add("王五", 22);
return hash;
}

public List<User> GetUsers()
{
List<User> users = new List<User>();

User user = new User();
user.Name = "张三";
user.Age = 23;
user.Sex = "男";
users.Add(user);

user = new User();
user.Name = "李四";
user.Age = 24;
user.Sex = "女";
users.Add(user);

user = new User();
user.Name = "王五";
user.Age = 22;
user.Sex = "男";
users.Add(user);

return users;
}
}
}

2、Flex端

<?xml version="1.0" encoding="utf-8"?>
<!--
* 版权：http://XingFuStar.cnblogs.com
*
* 作者：XingFuStar
* 日期：2007年12月11日
*
* 修改日期：2007年12月14日
* 修改内容：增加获取数组，Dictionary，HashTable等方法例程。
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;

import Module.User;

public function RemoteResult(re:ResultEvent):void
{
switch(re.currentTarget.name)
{
case "HelloWord":
var str:String = re.result as String;
this.txtHelloWord.text = str;
break;
case "SayHello":
str = re.result as String;
this.txtSayHello.text = str;
break;
case "GetArray":
for(var i:int=0; i<re.result.length; i++)
{
this.txtUsers.text += re.result[i].toString() + ", ";
}
break;
case "GetDictionary":
case "GetHashTable":
this.txtZhangSan.text = re.result["张三"];
this.txtLiSi.text = re.result["李四"];
this.txtWangWu.text = re.result["王五"];
break;
case "GetUsers": //新加部分
var userList:ArrayCollection = new ArrayCollection();

for(var j:int=0; j<re.result.length; j++)
{
var user:User = re.result[j] as User;
userList.addItem(user);
}

//用来绑定DataGrid
this.dgUser.dataProvider = userList;
break;
}
}

public function RemoteFault(re:FaultEvent):void
{
Alert.show("Message:" + re.fault.faultString,"出错");
}
]]>
</mx:Script>

<!--这里Source 对应.NET类，前面是命名空间，后面是类名 source = 命名空间.类名-->
<mx:RemoteObject
id="sampleRemoteObject"
destination="fluorine"
source="RemotingSample.RemotingSample"
showBusyCursor="true">
<!--这里是.NET中的方法，name = 方法名 -->
<mx:method name="HelloWord" result="RemoteResult(event)" fault="RemoteFault(event)"/>
<mx:method name="SayHello" result="RemoteResult(event)" fault="RemoteFault(event)"/>
<mx:method name="GetArray" result="RemoteResult(event)" fault="RemoteFault(event)"/>
<mx:method name="GetDictionary" result="RemoteResult(event)" fault="RemoteFault(event)"/>
<mx:method name="GetHashTable" result="RemoteResult(event)" fault="RemoteFault(event)"/>
<mx:method name="GetUsers" result="RemoteResult(event)" fault="RemoteFault(event)"/>
</mx:RemoteObject>

<mx:Text x="38" y="25" id="txtHelloWord"/>
<mx:Button x="38" y="51" label="HelloWord" id="btnHelloWord0" click="sampleRemoteObject.HelloWord()"/>

<mx:Text x="38" y="105" id="txtSayHello"/>
<mx:Label x="38" y="131" text="name:"/>
<mx:TextInput x="88" y="129" id="txtName"/>
<mx:Button x="256" y="129" label="SayHello" id="btnSayHello" click="sampleRemoteObject.SayHello(this.txtName.text)"/>

<mx:Text x="38" y="181" id="txtUsers"/>
<mx:Button x="38" y="207" label="GetArray" id="btnGetArray" click="sampleRemoteObject.GetArray()"/>

<mx:Label x="38" y="262" text="张三:"/>
<mx:Text x="76" y="262" id="txtZhangSan"/>
<mx:Label x="129" y="262" text="李四:"/>
<mx:Text x="167" y="262" id="txtLiSi"/>
<mx:Label x="218" y="262" text="王五:"/>
<mx:Text x="256" y="262" id="txtWangWu"/>
<mx:Button x="38" y="288" label="GetDictionary" id="btnGetDictionary" click="sampleRemoteObject.GetDictionary()"/>
<mx:Button x="157" y="288" label="GetHashTable" id="btnGetHashTable" click="sampleRemoteObject.GetHashTable()"/>

<mx:DataGrid x="38" y="318" height="116" width="312" id="dgUser">
<mx:columns>
<mx:DataGridColumn headerText="姓名" dataField="Name"/>
<mx:DataGridColumn headerText="性别" dataField="Sex"/>
<mx:DataGridColumn headerText="年龄" dataField="Age"/>
</mx:columns>
</mx:DataGrid>
<mx:Button x="38" y="453" label="GetUsers" id="btnGetUsers" click="sampleRemoteObject.GetUsers()"/>
</mx:Application>

至此，Flex 与 Asp.Net 通过 Remoting 方式进行通讯 的全部文章都已完成，前后经历了一个星期的时间，有很多地方写的还不完善，希望看过的朋友们批评指教！还是希望喜欢本文的朋友们，转载请注明出处