`

FLEX元标签_Bindable

    博客分类:
  • flex
 
阅读更多
1 概述
       [Bindable]是元标签,元标签不是语法的一部分,而是专门给编译器用的,是告诉编译器做某些事情。
       [Bindable]的作用是:告诉 flex编译器给某些某些东西建立绑定关系

       当你在没有添加事件设置的情形下使用 Bindable 标记时,propertyChange 是将被下发的默认事件类型。 因此,[Bindable] 标记等同于 Bindable(event="propertyChange")或[Bindable("propertyChange")]。

下面的代码

[Bindable]
public var testData:String;
由于没有设置事件名称,编译器将创建下列代码:
[Bindable(event="propertyChange")]

public function get testData():String
{
   return this._1147269284testData;
}

public function set testData(value:String):void
{
   var oldValue:Object = this._1147269284testData;

   if (oldValue !== value) {
      this._1147269284testData = value;
      if (this.hasEventListener("propertyChange"))
         this.dispatchEvent(mx.events.PropertyChangeEvent.createUpdateEvent
         (this, "testData", oldValue, value));
      }

}

2 Bindable使用方式
2.1 在public class定义前
       [Bindable]元数据标签绑定所有的作为变量定义的public属性,并且所有的public属性都定义有getter和setter方法。在这种情况下,[Bindable]没有参数,例如:
[Bindable]
public class TextAreaFontControl extends TextArea {

}
       flex编译器自动创建一个事件名叫propertyChange用于所有的公有属性,这些属性可以作为绑定表达式的源。这种定义等同于
       [Bindable(event="propertyChange")]

       如果属性值的改变与原来相同,flex并不传递这个事件或更新属性。

2.2 在类的属性之前
       格式为:
[Bindable]
public var foo;

2.3 在属性的getter或setter方法之前
       必须同时定义getter和setter方法
[Bindable]

public function get shortNames():Boolean {
    ...
}

public function set shortNames(val:Boolean):void {
    ...
}

2.4 使用自定义事件
使用自定义的事件名,如:
[Bindable(event="changeShortNames")]

public function set shortNames(val:Boolean):void {
    ...
    // Create and dispatch event.
    dispatchEvent(new Event("changeShortNames"));
}

// Get method.
public function get shortNames():Boolean {
    ...
}

参考文献
1.Flex 2 中的元数据标签. http://www.iteye.com/topic/152024
2.如何使变量进行Flex数据绑定. http://developer.51cto.com/art/201007/215153.htm
分享到:
评论

相关推荐

    flex_fck_editor 例子

    2. 引入组件:在Flex项目中,通过`<mx:Script>`标签引入组件库,并在`<mx:Application>`或`<mx:Canvas>`等容器内创建`FCKEditor`实例。例如: ```xml import com.fckeditor.FCKEditor; ``` 这里,`basePath`...

    Flex_2_中的元数据标签

    - **定义**:`[Bindable]` 是 Flex 2 中最常用的元数据标签之一,用于声明数据绑定。它可以应用于类成员变量,以便在变量值发生变化时触发事件,从而实现组件间的数据同步。 - **用途**: - **数据绑定**:通过 `...

    Flex 2 中的元数据标签

    ### Flex 2 中的元数据标签 在Flex 2中,元数据标签是用于提供类、方法或属性的额外信息的一种特殊标记。这些标签通常位于类定义或成员声明之前,并被ActionScript编译器用来控制类的行为或者为开发工具提供有关...

    flex as3 元数据标签综合

    `Bindable`是Flex中最常用的元数据标签之一,它用于通知Flex框架当属性发生变化时自动派发一个`propertyChange`事件。 - **无参数的Bindable** 当没有参数传递给`Bindable`时,表示当对应的属性值改变时会默认...

    flex4_读书笔记

    要使对象的属性可用于数据绑定,需使用 `[Bindable]` 注解标记属性,可选地指定触发事件的名称。 通过理解这些关键知识点,开发者可以有效地利用 Flex4 构建富有交互性和视觉吸引力的富互联网应用程序。无论是组件...

    GoogleMap_for_flex_sdk.zip

    这通常是通过在项目构建路径中添加库或在MXML文件中使用`<mx:Library>`标签完成。 2. 添加地图组件:在Flex界面设计中,使用`com.google.maps.Map`组件创建地图容器,设置API密钥、地图类型、初始位置等参数。 3. ...

    Flex_Builder教程

    在数据绑定中,[Bindable]元数据标签用于标记一个属性为可绑定的,这样就可以在MXML和ActionScript之间建立实时的数据同步。例如,可以将ArrayCollection定义为一个可绑定的属性,然后在MXML中引用这个属性作为数据...

    flex4-binding-custom-Class.rar_flex_flex4

    在Flex 4中,数据绑定是一项强大的特性,它允许开发者创建动态、响应式的用户界面,无需编写大量的事件处理代码。本教程将深入讲解如何在Flex 4中对自定义类进行数据绑定,通过一个实际的MXML文件和AS文件示例来阐述...

    flex_教程.doc

    - 直接在MXML标签中定义数据: ```xml <!-- An inline data provider --> ``` - 使用数据绑定: ```xml <![CDATA[ [Bindable] private var subscriptions:ArrayCollection = new ...

    flex数据绑定的原理

    当我们使用`[Bindable]`元数据标签标记一个类的成员变量时,Flex编译器会自动为这个变量生成相关的访问器(getter和setter)。例如,在提供的代码段中,`list`变量被标记为`[Bindable]`: ```actionscript public ...

    flex [bindadle]标签数据绑定经典案例

    在探讨“Flex [Bindable]标签数据绑定经典案例”这一主题时,我们首先需要理解Flex框架以及数据绑定在其中的应用。Flex是一种用于构建跨平台富互联网应用程序(RIA)的软件框架,由Adobe Systems开发。它使用MXML...

    flex 学习资料汇总

    [Bindable] private var count:int = 0; protected function button_clickHandler(event:MouseEvent):void { count++; label.text = count.toString(); } ]]> ...

    Flex分页技术

    `[Bindable]`元标签用于标记变量,使其在改变时能触发视图的自动更新。例如,`_xmllistCollection`被标记为可绑定,当数据源发生变化时,DataGrid会自动更新显示。 综上所述,Flex开发Flex dataGrid分页技术涵盖了...

    细细品味Flex——新Flex学习手册.pdf

    - **动态的数据展现源于灵活的数据绑定**:介绍了数据绑定的基本概念,包括绑定表达式、[Bindable]符号、`<mx:Binding>`标签、BindingUtils和自定义数据绑定。 - **使用样式(style)和皮肤(Skin)两大画笔为应用程序...

    Flex4 Declarations in ActionScript

    数据绑定是声明式编程的一大优势,它让UI状态与数据模型保持同步,如上例的`[Bindable]`属性,使得当标签值改变时,按钮的显示也会自动更新。 此外,Flex4的动画系统也采用了声明式方式,开发者可以简单地声明一个...

    FLEX数据绑定专题

    例如,通过使用Bindable元标签或Bindable类修饰符,可以实现输入控件(如TextInput)与数据模型间的双向绑定: ```mxml <mx:TextInput id="inputField" text="{data.name}" bindable="true" /> ``` 在Flex中,数据...

    Flex Data Binding详解

    在Flex中,要使属性具备数据绑定的能力,通常需要在属性声明前添加`[Bindable]`元数据标签。例如: ```actionscript [Bindable] private var ss:String = "aaa"; ``` 如果没有指定触发绑定的特定事件(如`...

    Flex与.NET交互

    对于“传对象”这一标签,Flex与.NET交互的一大优势在于能够传递复杂的对象类型,而不仅仅是基本类型。在FluorineFx的支持下,ActionScript类可以映射到.NET类,使得Flex可以直接操作.NET的对象实例。例如,你可以...

    Flex图片上传实例

    #### 描述与标签解析:“Flex 图片上传 实例 源码” 这段描述进一步明确了本文将围绕Flex图片上传的具体实例展开,并会提供源码。这表明读者可以通过阅读文章和查看提供的源码来学习和理解Flex中实现图片上传的方法...

Global site tag (gtag.js) - Google Analytics