本文和大家重點(diǎn)討論一下Flex DataBinding的概念，F(xiàn)lex DataBindIng簡(jiǎn)單的說(shuō)就是當(dāng)綁定源屬性發(fā)生變化時(shí)，F(xiàn)lex會(huì)把綁定源變化后屬性的值賦給目的物的屬性，做到了數(shù)據(jù)同步。

Flex DataBinding詳解

[Bindable]作用

Flex DataBindIng簡(jiǎn)單的說(shuō)就是當(dāng)綁定源屬性發(fā)生變化時(shí)，F(xiàn)lex會(huì)把綁定源變化后屬性的值賦給目的物的屬性，做到了數(shù)據(jù)同步。

◆Flex DataBindIng什么時(shí)候發(fā)生：

1.在綁定源屬性值發(fā)生改變時(shí)發(fā)生。

2.在綁定源發(fā)出initialize事件時(shí)綁定發(fā)生一次。

◆讓屬性具有可綁定功能：

一般的，只要在屬性前加上[Bindable]或[Bindable(event="eventname")]

元標(biāo)記即可

注意：

如果沒(méi)有標(biāo)出觸發(fā)綁定的事件，正如[Bindable]，F(xiàn)lex會(huì)自動(dòng)為綁定加上propertyChange事件，當(dāng)源數(shù)據(jù)發(fā)生變化時(shí)，F(xiàn)lex將自動(dòng)派發(fā)該事件，觸發(fā)數(shù)據(jù)綁定。如果修改后數(shù)據(jù)和源數(shù)據(jù)“===”也就是全等，那么Flex將不會(huì)觸發(fā)數(shù)據(jù)綁定。

如果標(biāo)出的觸發(fā)綁定的事件，正如[Bindable(event="eventname")]，那么在源數(shù)據(jù)發(fā)生改變的時(shí)候，必須dispatch出該事件才能觸發(fā)數(shù)據(jù)綁定。不論修改后數(shù)據(jù)和源數(shù)據(jù)是否全等，F(xiàn)lex都將會(huì)觸發(fā)數(shù)據(jù)綁定，需要自己編程控制，例如：

<mx:Script> 
<!--[CDATA[  
[Bindable(event="hhhh")]  
privatevarss:String="aaa";  
privatefunctiondoTest():void  
{  
ss="bbb";  
f(ss!=="aaa")//判斷和源數(shù)據(jù)是否相等，不相等則觸發(fā)綁定  
this.dispatchEvent(newEvent("hhhh"));  
}  
]]--> 
</mx:Script> 
<mx:Texttextmx:Texttext="{ss}"/> 
<mx:Buttonclickmx:Buttonclick="doTest()"/> 

如果沒(méi)有this.dispatchEvent(newEvent("hhhh"))這句，那么你點(diǎn)擊按鈕是沒(méi)有設(shè)么作用的。另外當(dāng)申明自定義觸發(fā)事件時(shí)，用ChangeWatcher來(lái)監(jiān)控其變化，發(fā)現(xiàn)雖然目的源值變了，但是ChangeWatcher卻監(jiān)控不到變化，同樣ChangeWatcher也監(jiān)控不到非共有變量的變化。關(guān)于ChangeWatcher，下面會(huì)提到。

◆Flex DataBinding綁定函數(shù)——Functions,對(duì)象——Object,數(shù)組——Arrays

函數(shù)：

你可以在{}中直接使用函數(shù)。例如：<mx:Texttext="{Matn.random()*ss}"/>

上面這個(gè)沒(méi)有什么好講的，關(guān)于函數(shù)綁定下面這個(gè)比較重要：

<mx:Script> 
<!--[CDATA[  
publicvarss:String="aaa";  
[Bindable(event="hhhh")]  
privatefunctiongg():String  
{  
returnss;  
}  
privatefunctiondoTest():void  
{  
ss=Math.random().toString();  
this.dispatchEvent(newEvent("hhhh"));  
}  
]]--> 
</mx:Script> 
<mx:Texttextmx:Texttext="{gg()}"/> 
<mx:Buttonclickmx:Buttonclick="doTest()"/> 

這樣給函數(shù)加一個(gè)[bindable]，便使函數(shù)具有Flex DataBinding綁定功能，但是如果不申明自定義觸發(fā)事件，只能在組件初始化時(shí)綁定一次，點(diǎn)擊以上按鈕是沒(méi)有什么作用的。大家可以自己試試。

還有g(shù)etter和setter函數(shù)，比較重要，給getter或setter函數(shù)加上[bindable]，用不著兩個(gè)都加，加一個(gè)就可以了，例如：

<mx:Script> 
<!--[CDATA[  
publicvarss:String="aaa";  
[Bindable]  
publicfunctiongetgg():String  
{  
returnss;  
}  
publicfunctionsetgg(value:String):void  
{  
ss=value;  
}  
privatefunctiondoTest():void  
{  
gg=Math.random().toString();  
this.dispatchEvent(newEvent("hhhh"));  
}  
]]--> 
</mx:Script> 
<mx:Texttextmx:Texttext="{gg}"/> 
<mx:Buttonclickmx:Buttonclick="doTest()"/> 

同樣能達(dá)到Flex DataBinding綁定效果，如果只有一個(gè)getter方法，那么要想實(shí)現(xiàn)數(shù)據(jù)綁定，就需要申明自定義觸發(fā)事件了，大家可以自己試試。

【編輯推薦】

1. Flex Dataprovider和Data概念解析
2. Flex必須了解的那些事
3. 解析Flex ArrayCollection復(fù)制的兩種方式
4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
5. Flex ComboBox和Datagrid組件用法指導(dǎo)