Flex2使用BindingUtils动态绑定

wangcheng

浏览: 1466771 次
性别:
来自: 青岛人在北京

最近访客更多访客>>

maomao1

AVI

一生漂泊

lzy190100311

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Flex Flash

Adobe XML Bean

关于Flex2绑定的例子，大都是使用[Bindable]注释，或在mx视图组件中使用大括号{}来实现的。基本都是象下面的代码

xml 代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
[CDATA[
[Bindable]
private var myText : String;
]]
</mx:Script>
<mx:TextInput id="textInput" x="10" y="10" change="myText = textInput.text + '!'"/>
<mx:Label id="textLabel" x="10" y="40" text="{textInput.text}" width="160" height="20" fontWeight="bold" fontSize="12"/>
<mx:Text x="10" y="68" text="{myText}" fontSize="12" fontWeight="bold" width="260"/>
</mx:Application>

但实际项目中，并非都是这种理想的情况，有时你的视图组件是动态生成的，有时你需要动态的改变绑定，有时你使用Sprite动态生成的图形也需要绑定数据，或者你就是喜欢完全使用AS来写。
这时就可以使用mx.binding.utils.BindingUtils类，改写上面的例子

xml 代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
[CDATA[
import mx.controls.Label;
import mx.controls.TextInput;
import mx.binding.utils.BindingUtils;
private function init():void {
var textInput : TextInput = new TextInput();
var textLabel : Label = new Label();
myBox.addChild(textInput);
myBox.addChild(textLabel);
BindingUtils.bindProperty(textLabel, "text", textInput, "text");
}
]]
</mx:Script>
<mx:VBox id="myBox" x="10" y="10"/>
</mx:Application>

这个例子将textInput.text与textLabel.text进行了绑定，而且没有使用[Bindable]，也没有使用{}。
使用这种方法，可以将多个视图组件与一个Value Object对象(或叫DTO、Bean等)进行绑定，当VO对象改变时，所有绑定的视图都会改变。也可以在纯as文件中实现动态绑定了。

xml 代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
[CDATA[
import model.UserVO;
import mx.controls.Label;
import mx.controls.TextInput;
import mx.binding.utils.BindingUtils;
private var userVO : UserVO = new UserVO();
private function init():void {
for (var i : int = 0; i < 3; i++) {
var nameLabel : Label = new Label();
var emailLabel : Label = new Label();
myBox.addChild(nameLabel);
myBox.addChild(emailLabel);
BindingUtils.bindProperty(nameLabel, "text", userVO, "name");
BindingUtils.bindProperty(emailLabel, "text", userVO, "email");
}
}
]]
</mx:Script>
<mx:HBox x="10" y="10" width="234">
<mx:TextInput id="nameInput" width="113" change="userVO.name = nameInput.text"/>
<mx:TextInput id="emailInput" width="107" change="userVO.email = emailInput.text"/>
</mx:HBox>
<mx:VBox id="myBox" x="10" y="38" width="234" height="175"/>
</mx:Application>

package model
{
[Bindable]
public class UserVO
{
public var name: String;
public var email: String;
public var online: Boolean = false;
}
}

分享到：

Flex2 国际化(internationalization) | 在Flex中使用CSS

2007-08-26 13:44
浏览 5650
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Flex2使用BindingUtils动态绑定

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Flex2使用BindingUtils动态绑定

评论

发表评论

相关推荐

Flex4中文视频教程 - RIAMeeting

Flash Flex 开源游戏引擎

几十个 ActionScript 3.0 APIs for Flex, Flash, AIR

Flex:使用FlexPaper显示PDF文档

Flex白板画图例子

Flex使用ribbit.com的服务给手机发送短信SMS

Flex鼠标移到Label上显示手型useHandCursor

Flex3与EJB3的WebService通讯

CodeBehind and DI 分离MXML中的ActionScript

De MonsterDebugger开源的Flex运行时调试器

Flex组件中PopUpManager在全局坐标中心弹出窗口

在JBoss4.2中放置crossdomain.xml解决flex3跨域访问WebService问题

使用Flex3的Import Web Service功能

使用KitchenSync和CASALib延迟(delay)执行Flex的function

Flex中解决Error #2044 securityError

Flex中加载Flash CS3制作的swf文件

Flex视频教学 (RIAMeeting翻译Flex in a Week)

Flex中文API (Adobe官方)

RIAMeeting - Flash Media Server 3

Mate Flex Framework

最近访客更多访客>>