学习笔记 如何使变量进行Flex数据绑定

开发 后端
Flex数据绑定使得在应用程序中不同的层间传递数据的变得简单和方便,通过将源属性与目标属性进行关联来实现。

本文和大家重点讨论一下Flex数据绑定,当一个变量标记为可绑定后,其它对象就可以修改该变量的其它目的属性的值。将一个变量上进行Flex数据绑定,你必须使用下面三种方式中的一种来定义[Bindable]标记。

Flex数据绑定

有关Flex数据绑定的知识收集整理了一下:

Flex数据绑定使得在应用程序中不同的层间传递数据的变得简单和方便,通过将源属性与目标属性进行关联来实现。当源属性的值有更新时,会产生一个事件来通知目的属性来进行更新。
当一个变量标记为可绑定后,其它对象就可以修改该变量的其它目的属性的值。将一个变量上进行Flex数据绑定,你必须使用下面三种方式中的一种来定义[Bindable]标记。

◆在一个类的定义之前 

  1. packagecom.oreilly.flexcookbook  
  2. {i  
  3. importflash.events.EventDispatcher;  
  4. [Bindable]  
  5. publicclassDataObjectextendsEventDispatcher{}  

◆在一个类创建之前添加[Bindable]标记创建一个绑定的表达式从而使得类的所有共有属性变得可以绑定。所有可以绑定的类必须由IEventDispatcher类实现,因为Flex数据绑定是基于事件驱动,来复制源数据到目的数据。

.在变量的前面进行声明 

  1. [Bindable]privatevar_lastName:String;  
  2. [Bindable]protectedvar_age:Number;  
  3. [Bindable]publicvarfirstName:String; 

声明为私有的变量标记为可绑定时,则只能在类中进行绑定。保护的变量则只能在继承或者类本身可见。而共有变量都可见。

◆在属性的前面通过隐含的getter/setter方法来变向的进行绑定:
 

  1. privatevar_lastName:String;  
  2. ...  
  3. [Bindable]  
  4. publicfunctiongetlastName():String  
  5. {  
  6. return_lastName;  
  7. }p  
  8. publicfunctionsetlastName(str:String):void  
  9. {_  
  10. lastName=str;  

当你通过添加[Bindable]标记在getter的声明的上方,来定义隐含的getter/setter为可绑定的方法,则该变量可以通过点标语法进行存取。这样可以你通过同样的语法来存
取非绑定的变量,自有变量等来设置数据源绑定。

◆在框架内部,当绑定的变量值更新时,框架会发送propertyChange事件来更新数据。
[Bindable]标记接受一个事件属性,通过定义一个自定义的事件类型: 

  1. [Bindable(event="myValueChanged")] 

默认情况下事件属性被设置为propertyChange。如果不进事件类型进行修改,则目的变量会被内部使用该类型进行提示。如果你自定义了该属性,则必须在类的内部进行声明。
绑定是通过事件通知来实现的,当应用程序中的源变量修改或者在初始化时,就会被触发。
你可以通过执行绑定的方法,来强制要求目标为mx.core.UIComponent子类的对象的Flex数据绑定执行。

【编辑推荐】

  1. 解析Flex数据绑定的几种方式
  2. Flex数据绑定简单技巧
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. Flex数据绑定的四种方式
  5. Flex内存泄露解决方法和内存释放优化原则

 

责任编辑:佚名 来源: javaeye.com
相关推荐

2010-08-12 11:05:33

Flex数据绑定

2010-07-30 10:58:03

Flex数据绑定

2010-07-30 13:52:17

Flex组件

2010-08-04 09:26:27

Flex数据

2010-08-11 15:35:47

Flex DataGr

2010-08-03 14:52:49

Flex界面设计

2010-07-27 11:08:12

Flex

2010-07-27 10:39:25

Flex组件

2010-07-28 13:31:10

Flex数据绑定

2010-08-10 16:41:54

FlexJSP

2010-07-28 13:11:13

Flex数据绑定

2010-07-30 09:08:21

Flex数据绑定

2010-08-12 11:34:15

Flex数据绑定

2010-08-05 15:06:19

Flex数据绑定

2010-08-10 15:26:38

Flex应用程序

2010-07-30 13:08:38

Flex调用JavaS

2010-08-10 10:56:39

2010-07-28 13:40:44

Flex数据绑定

2010-08-09 10:34:05

Flex背景

2010-08-05 15:46:13

Flex行为Flex效果
点赞
收藏

51CTO技术栈公众号