本文向大家簡單介紹一下關(guān)于Flex的幾種綁定，在Flex應(yīng)用中程序中，F(xiàn)lex數(shù)據(jù)綁定的實際是借助事件機制來完成的，當目標使用Flex數(shù)據(jù)綁定的時候，目標對象就會監(jiān)聽數(shù)據(jù)源對象的某一固定事件。

關(guān)于Flex的幾種綁定

在Flex應(yīng)用中程序中，F(xiàn)lex數(shù)據(jù)綁定的實際是借助事件機制來完成的，當目標使用Flex數(shù)據(jù)綁定的時候，目標對象就會監(jiān)聽數(shù)據(jù)源對象的某一固定事件。當數(shù)據(jù)源發(fā)生變化時，數(shù)據(jù)源會派發(fā)改變事件通知目標對象更新數(shù)據(jù)。實際開發(fā)中我們不需要去關(guān)注具體的實現(xiàn)過程，這個過程Flash/Flex會自動去完成。

在Flex中，F(xiàn)lex數(shù)據(jù)綁定主要有四種方式，分別為："{}"綁定表達式、[Bindable]綁定符號、<mx:Binding>標簽和BindingUtils動態(tài)綁定，下面一一對這四種Flex數(shù)據(jù)綁定方式進行詳細介紹。

Flex數(shù)據(jù)綁定***種，使用{}綁定

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

Flex數(shù)據(jù)綁定第二種，<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數(shù)據(jù)綁定第三種，使用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數(shù)據(jù)綁定的概念解讀
2. Flex數(shù)據(jù)綁定中難以發(fā)現(xiàn)的無聲錯誤
3. Flex數(shù)據(jù)綁定陷阱
4. FlexBuilder3.0與Eclipse3.4的***結(jié)合
5. 剖析Flex DataGrid分頁控件的兩種分頁形式用法