Flex Data Binding with Model(Custom Class) / ActionScript 3.0
[ 2007-12-30 21:52:20 | Author: 星辉一冷 ]
Model:
View:
Comment Feed: http://www.dreammx.com/xhyl/feed.asp?q=comment&id=421
Trackback URL: http://www.dreammx.com/xhyl/trackback.asp?id=421&key=xhyl
package com.DreamMX.Model
{
[Bindable]
public class Users
{
private var _UserName:String;
private var _Password:String;
private var _Sex:Boolean;
private var _Email:String;
public function get userName():String{
return _UserName;
}
public function set userName(value:String):void{
_UserName = value;
}
public function get password():String{
return _Password;
}
public function set password(value:String):void{
_Password = value;
}
public function get sex():Boolean{
return _Sex;
}
public function set sex(value:Boolean):void{
_Sex = value;
}
public function get email():String{
return _Email;
}
public function set email(value:String):void{
var re:RegExp = /\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i;
_Email = re.test(value) ? value : "invalid email";
}
public function Users(){
..........
}
}
}
{
[Bindable]
public class Users
{
private var _UserName:String;
private var _Password:String;
private var _Sex:Boolean;
private var _Email:String;
public function get userName():String{
return _UserName;
}
public function set userName(value:String):void{
_UserName = value;
}
public function get password():String{
return _Password;
}
public function set password(value:String):void{
_Password = value;
}
public function get sex():Boolean{
return _Sex;
}
public function set sex(value:Boolean):void{
_Sex = value;
}
public function get email():String{
return _Email;
}
public function set email(value:String):void{
var re:RegExp = /\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i;
_Email = re.test(value) ? value : "invalid email";
}
public function Users(){
..........
}
}
}
View:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" initialize="initHandler();">
<mx:Script>
<![CDATA[
import com.DreamMX.Model.Users;
[Bindable]
private var theUser:Users;
private function initHandler():void{
............
}
]]>
</mx:Script>
..........
<mx:DataGrid>
<mx:columns>
<mx:DataGridColumn headerText="Username" dataField="username"/>
<mx:DataGridColumn headerText="Password" dataField="password"/>
<mx:DataGridColumn headerText="E-mail" dataField="email"/>
</mx:columns>
<mx:dataProvider>
<mx:ArrayCollection>
<mx:Array>
<mx:Object username="{theUser.userName}" password="{theUser.password}" email="{theUser.email}" />
</mx:Array>
</mx:ArrayCollection>
</mx:dataProvider>
</mx:DataGrid>
...
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" initialize="initHandler();">
<mx:Script>
<![CDATA[
import com.DreamMX.Model.Users;
[Bindable]
private var theUser:Users;
private function initHandler():void{
............
}
]]>
</mx:Script>
..........
<mx:DataGrid>
<mx:columns>
<mx:DataGridColumn headerText="Username" dataField="username"/>
<mx:DataGridColumn headerText="Password" dataField="password"/>
<mx:DataGridColumn headerText="E-mail" dataField="email"/>
</mx:columns>
<mx:dataProvider>
<mx:ArrayCollection>
<mx:Array>
<mx:Object username="{theUser.userName}" password="{theUser.password}" email="{theUser.email}" />
</mx:Array>
</mx:ArrayCollection>
</mx:dataProvider>
</mx:DataGrid>
...
</mx:Application>
Comment Feed: http://www.dreammx.com/xhyl/feed.asp?q=comment&id=421
Trackback URL: http://www.dreammx.com/xhyl/trackback.asp?id=421&key=xhyl