解析三大Flex数据绑定方式

本文向大家简单介绍一下关于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> 
 
 
 

【编辑推荐】

1. Flex数据绑定的概念解读
2. Flex数据绑定中难以发现的无声错误
3. Flex数据绑定陷阱
4. FlexBuilder3.0与Eclipse3.4的***结合
5. 剖析Flex DataGrid分页控件的两种分页形式用法