解析三大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>
【編輯推薦】
- Flex數據綁定的概念解讀
- Flex數據綁定中難以發現的無聲錯誤
- Flex數據綁定陷阱
- FlexBuilder3.0與Eclipse3.4的***結合
- 剖析Flex DataGrid分頁控件的兩種分頁形式用法

















