解析三大Flex数据绑定方式-51CTO.COM

本文向大家简单介绍一下关于Flex的几种绑定，在Flex应用中程序中，Flex数据绑定的实际是借助事件机制来完成的，当目标使用Flex数据绑定的时候，目标对象就会监听数据源对象的某一固定事件。

关于Flex的几种绑定

在Flex应用中程序中，Flex数据绑定的实际是借助事件机制来完成的，当目标使用Flex数据绑定的时候，目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时，数据源会派发改变事件通知目标对象更新数据。实际开发中我们不需要去关注具体的实现过程，这个过程Flash/Flex会自动去完成。

在Flex中，Flex数据绑定主要有四种方式，分别为："{}"绑定表达式、[Bindable]绑定符号、<mx:Binding>标签和BindingUtils动态绑定，下面一一对这四种Flex数据绑定方式进行详细介绍。

Flex数据绑定***种，使用{}绑定

<mx:TextInputidmx:TextInputid="input"/> 
 
<mx:Labeltextmx:Labeltext="{input.text}"/>

Flex数据绑定第二种，<mx:Binding>绑定

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> 
 
<mx:TextInputidmx:TextInputid="inputSource"/> 
 
<mx:Labelidmx:Labelid="labelTarget"/> 
 
<mx:Bindingsourcemx:Bindingsource="inputSource.text"destination="labelTarget.text"/> 
 
</mx:Application>

Flex数据绑定第三种，使用BindingUtils工具类

BindingUtils.bindProperty  
(  
target,"targetProperty",source,"sourceProperty"  
);

◆target:Object-目标
◆targetProperty:目标属性，String类型
◆source:Object-绑定源
◆sourceProperty:源属性，String类型

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> 
 
<mx:TextInputidmx:TextInputid="inputSource"/> 
 
<mx:Labelidmx:Labelid="labelTarget"/> 
 
</mx:Application> 
 
<script> 
 
BindingUtils.bindProperty  
(labelTarget,"text",inputSource,"text");  
</script>

【编辑推荐】