解析三大Flex数据绑定方式

开发 后端
在Flex中,Flex数据绑定主要有四种方式,分别为:"{}"绑定表达式、[Bindable]绑定符号、<mx:Binding>标签和BindingUtils动态绑定,这里介绍其中的三种。

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

关于Flex的几种绑定

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

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

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

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

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

  1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> 
  2.  
  3. <mx:TextInputidmx:TextInputid="inputSource"/> 
  4.  
  5. <mx:Labelidmx:Labelid="labelTarget"/> 
  6.  
  7. <mx:Bindingsourcemx:Bindingsource="inputSource.text"destination="labelTarget.text"/> 
  8.  
  9. </mx:Application> 

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

  1. BindingUtils.bindProperty  
  2. (  
  3. target,"targetProperty",source,"sourceProperty"  
  4. ); 

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

  1. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="vertical"> 
  2.  
  3. <mx:TextInputidmx:TextInputid="inputSource"/> 
  4.  
  5. <mx:Labelidmx:Labelid="labelTarget"/> 
  6.  
  7. </mx:Application> 
  8.  
  9. <script> 
  10.  
  11. BindingUtils.bindProperty  
  12. (labelTarget,"text",inputSource,"text");  
  13. </script> 

【编辑推荐】

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

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-07-30 09:16:24

Flex数据绑定

2010-08-13 14:39:57

Flex布局

2010-07-28 13:54:42

Flex数据绑定

2010-08-13 14:19:44

Flex绑定机制

2010-07-30 11:03:54

Flex数据绑定

2010-07-28 13:11:13

Flex数据绑定

2010-08-06 16:15:57

Flex通信

2010-07-28 13:31:10

Flex数据绑定

2010-07-30 10:30:58

Flex数据绑定

2010-08-13 14:45:58

Flex4布局

2010-08-11 14:09:07

Flex3.0数据绑定

2010-08-05 15:06:19

Flex数据绑定

2010-08-12 11:34:15

Flex数据绑定

2010-07-30 09:08:21

Flex数据绑定

2010-08-10 10:56:39

2010-07-28 13:40:44

Flex数据绑定

2010-08-13 13:39:51

Flex效果组件

2010-07-30 13:15:17

Flex优势

2010-08-09 15:09:27

Flex数据访问

2010-08-11 16:30:49

Flex DataGr
点赞
收藏

51CTO技术栈公众号