在DataAccess的基础上加了Flex里如何处理string string[] Dictionary<String, Int32> Hashtable List<User>

六、自定义实体对象的传递

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

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

/*----------------------------------------------------------------
* 版权：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"?>

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

<mx:RemoteObject
id="sampleRemoteObject"
        destination="fluorine"
        source="RemotingSample.RemotingSample"
        showBusyCursor="true">

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

DDV = 敌敌畏

欢迎来到DDV的茶餐厅.来者就是客，坐下来喝杯咖啡看看报！

关于本店老板

订阅本博客

搜索博客文章

博客文章: 在DataAccess的基础上加了Flex里如何处理string string[] Dictionary<String, Int32> Hashtable List<User>

文章编辑: 可视编辑
UBB编辑

Tags:网站开发
FLEX
Flex原创
Flex学习笔记
Flex项目开发
.NET
asp.net
c#