Adobe Flex提供三种方法指定Flex数据绑定

本文和大家重点学习一下Flex数据绑定，Adobe Flex 提供三种方法用于指定Flex数据绑定：MXML 中的大括号({})语法，MXML 中的标记，以及ActionScript 中的BindingUtils 的系列方法。

那曲网站建设公司成都创新互联,那曲网站设计制作，有大型网站制作公司丰富经验。已为那曲近千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的那曲做网站的公司定做！

关于Flex数据绑定

Flex数据绑定是将一个对象中的数据同另一个对象中的数据联系在一起的过程。Flex数据绑定为在应用的不同层之间传递数据提供了便捷方法。Flex数据绑定需要一个源属性，一个目的属性，以及用于表明何时将数据从源属性拷贝到目的属性的触发事件。当源属性变化时，对象发出触发事件。

Adobe Flex 提供三种方法用于指定Flex数据绑定：MXML 中的大括号({})语法，MXML 中的标记，以及ActionScript 中的BindingUtils 的系列方法。

(1)下面的例子使用大括号({})语法来展示一个Text 控件，该控件的数据来自于TextInput 控件Text 属性： 

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.

 Flex数据绑定表达式中可以将ActionScript 代码以及E4X 表达式作为一部分包含进来，如下例所示：

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.

 
(2)用标记作为大括号语法的替代方法。

在使用时，要为标记提供一个源属性作为标记的source 属性以及提供一个目的属性作为标记的destination 属性。下面的例子使用标记定义了一个从TextInput 控件到Text 控件的Flex数据绑定：

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.

 同大括号语法相比，用标记能够将视图（用户界面）同模型完全分离。
标记也能实现将多个源属性绑定到一个相同的目的属性，这是因为能够定义多个具有相同的destination 属性的标记.

大括号语法和标记都能在编译期定义Flex数据绑定，而使用ActionScript 代码则可以在运行期定义Flex数据绑定，如下例所示：

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6. import mx.binding.utils.*;  
    7.   
  
  
  7. // Define data binding.  
    8.   
  
  
  8. public function initBindingHandler():void {  
    9.   
  
  
  9. BindingUtils.bindProperty(myText, "text", myTI, "text");  
    10.   
  
  
  10. }  
    11.   
  
  
  11. ]]> 
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.

 
(3)创建用作Flex数据绑定源的属性

当创建一个用于绑定表达式源的属性，那么在源属性值发生变化时Flex 就能自动将值拷贝到所有的目的属性。为了让Flex 执行拷贝，必须使用[Bindable]标记来向Flex 注册这个属性。
The [Bindable] 元数据标记有以下语法:

 
 
 
      
  
  
  1. [Bindable]  
    2.   
  
  
  2. [Bindable(event="eventname")] 
    3.

如果忽略了事件名称，Flex 自动地创建一个名为propertyChange 的事件，并且在属性发生变化时，由Flex 发出这个事件以触发所有以这个属性作为源的Flex数据绑定。

下面的例子作了一个maxFontSize 属性和一个minFontSize 属性变量可用于Flex数据绑定表达式的源：

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6. // Define public vars for tracking font size.  
    7.   
  
  
  7. [Bindable]  
    8.   
  
  
  8. public var maxFontSize:Number = 15;  
    9.   
  
  
  9. [Bindable]  
    10.   
  
  
  10. public var minFontSize:Number = 5;  
    11.   
  
  
  11. ]]> 
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.

【编辑推荐】

  1. 术语汇编 Flex数据绑定概述
  2. Flex数据绑定陷阱
  3. Flex数据绑定中难以发现的无声错误
  4. 解析Flex全屏模式设置方法
  5. Flex内存泄露解决方法和内存释放优化原则

当前文章：Adobe Flex提供三种方法指定Flex数据绑定
网站路径：http://www.shufengxianlan.com/qtweb/news42/263342.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站设计知识

同城分类信息

成都建网站　　 　商城网站建设公司　　 　成都装饰装修　　 　ssl证书申请　　 　成都钢筋机械设备　　 　响应式网站建设方案　　 　成都康明斯发电机　　 　宏昇商务服务　　 　雅安服务器托管　　 　网站建设公司　　 　成都网站建设推广　　 　重庆移动机房托管　　 　达州托管服务器　　 　腾讯云免备案空间　　 　成都虚拟主机　　 　川西大数据中心　　 　微信开发　　 　温江做网站　　 　成都服务器租用　　 　手机APP开发