`
WonLen
  • 浏览: 51168 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

[Flex]Flex SDK 4(Gumbo)双向绑定(bidirectional bindings

    博客分类:
  • Flex
阅读更多

详细请看:http://www.k-zone.cn/zblog/post/flash-builder-gumbo-bidirectional-bindings.html

本篇文章是《Flash Builder 4 beta (Gumbo) UI、功能的新体验》第四篇文章,着重介绍的Flex SDK 4(Gumbo)新增加的功能:双向绑定bidirectional bindings

关于Flash Builder 4 beta (Gumbo) UI、功能的新体验系列文章请看:
http://www.k-zone.cn/zblog/catalog.asp?tags=FB4%E6%96%B0%E4%BD%93%E9%AA%8C

okay,通过以下几个例子来说明什么是双向绑定( bidirectional bindings
我有两个TextInput的组件,现在想要如下的结果,当对第一个组件赋值后,第二个组件也会被赋值,即这两个组件的值应该是相等的。

Flex SDK 4(Gumbo)以前的做法:
<!-- Specify data binding for both controls. -->  
<mx:TextInput id="input1" text="{input2.text}"/>  
<mx:TextInput id="input2" text="{input1.text}"/> 

Flex SDK 4(Gumbo)的做法:
<mx:TextInput id="input1" text="@{input2.text}"/>  
<mx:TextInput id="input2"/>

第三种做法,使用<fx:Binding>:
<fx:Binding source="input1.text" destination="input2.text" twoWay="true"/>

注意一下红色的地方,这个地方的写法就是双向绑定( bidirectional bindings的写法了。
虽然双向绑定( bidirectional bindings可以给我们带来很多便利的方式,但是这个方式也不是万能的。

以下说明了在什么场合下无法使用双向绑定(bidirectional bindings):
1、Style properties(组件的style属性)
2、Effect properties(组件的effect属性)
3、The request property of the HttpService, RemoteObject, and WebService classes(HttpService, RemoteObject, and WebService的请求属性)
4、The arguments property of the RemoteObject class(RemoteObject的参数)
以上四种情况下,双向绑定( bidirectional bindings)是无法使用的。

以上就是关于双向绑定( bidirectional bindings的一些知识点了,希望对各位有用:)

分享到:
评论

相关推荐

    Flash.Builder.4.&.Flex.4 Flex4

    2. **Flex 4**:Flex 4,又称为Gumbo,是Flex框架的一个重大更新。它引入了全新的Skinning和Component架构,使得开发者可以更加灵活地定制UI组件,创建出更具视觉冲击力的应用。Spark组件库取代了原有的MX组件,带来...

    flex-sdk-4.5.0.20967.zip

    Flex SDK 4.5.0.20967 是Adobe公司发布的一个开发工具包,主要用于构建基于Flash Player和Adobe AIR的应用程序。这个版本的SDK包含了一系列关键组件和工具,帮助开发者使用ActionScript 3.0语言进行富互联网应用...

    Flex3与flex4的区别

    Flex4,其代号为Gumbo,是在Flex3的基础上进行了重大升级,旨在改进用户体验和开发效率。下面将详细探讨Flex4与Flex3在组件架构、布局管理、状态使用、效果实现以及迁移过程中的关键差异。 ### 组件和外观架构 ...

    Flex 4的十大变化

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多关键变化以提升RIA(Rich Internet Applications)的开发效率和用户体验。以下是Flex 4中的十大变化的详细说明: 1. **Adobe Catalyst集成**...

    [Flash Builder 4 and Flex 4 Bible] Flex 4 宝典 配套代码

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多新特性,提高了开发人员构建富互联网应用程序(RIAs)的效率。Flash Builder 4是用于开发Flex和ActionScript应用的主要集成开发环境(IDE),...

    Flex4实战源代码

    4. **数据绑定增强**:Flex4的数据绑定机制更加灵活,支持双向绑定和表达式绑定,简化了模型和视图之间的数据同步。 5. **ActionScript优化**:ActionScript3的性能在Flex4中得到提升,包括垃圾回收机制的改进和...

    Using_Flex_4.rar

    9. **数据绑定**:Flex 4的数据绑定机制使得UI组件能够轻松地与数据源进行同步,简化了数据驱动的UI开发。 10. **Flex Builder集成开发环境**:虽然Flex SDK是免费的,但Adobe也提供了Flex Builder作为付费的IDE,...

    Flex4学习资料

    6. **数据绑定**:讲解Flex 4的数据绑定机制,如何将数据与UI组件关联起来,实现动态更新。 7. **服务与通信**:介绍如何在Flex应用中集成HTTP、AMF等服务,进行远程数据交换,以及使用BlazeDS或LiveCycle Data ...

    Flex4权威指南源代码

    4. **Gumbo**:Flex 4的早期代号,它引入了新的皮肤层(Skinning)和样式(Styling)机制,使得开发者可以更自由地定制组件外观,而无需深入到组件内部代码。 5. **Flex Builder**:Adobe的IDE,为Flex 4开发提供了...

    Flex4 经典帮助文档

    Flex4引入了ActionScript4的一些概念,虽然最终发布的Flex SDK仍然基于ActionScript3,但AS3的类库和语法得到了扩展,支持了元数据、强类型和更丰富的错误处理机制。这使得代码更易于维护和调试,也提高了开发效率。...

    flex4 testdrive 下载地址

    1. **Flex 4架构**:了解Flex 4的Spark和Gumbo架构,包括新的组件模型、样式系统和数据绑定改进。 2. **ActionScript 3.0**:掌握ActionScript的基础,它是Flex的主要编程语言,与Flex 4的API交互。 3. **MXML**:...

    FLEX4的皮肤skin

    SparkSkin是Flex 4(Gumbo)引入的主要皮肤类,位于`spark.skins`包下。它是一个Group类型的容器,这意味着你可以直接添加图形元素和子组件来构建皮肤。SparkSkin是所有Spark可视组件外观的基础,涵盖了mx.spark包中...

    flex4 cookbook下载

    6. **数据绑定增强**:Flex 4的数据绑定功能更加强大,支持双向绑定,使得模型和视图之间的数据同步更加便捷。 7. **BlazeDS集成**:Flex 4可以与BlazeDS或LiveCycle Data Services无缝集成,实现与Java后端的实时...

    Flex4 Login DEMO project

    1. **Flex 4框架**:Flex 4,又称为Gumbo,是Adobe Flex SDK的第四个主要版本。它引入了全新的Spark组件模型,与原有的MX组件模型并存。Spark组件设计更为灵活,允许开发者自定义外观和行为,同时提供了更好的性能...

    Flex 4 语言参考手册(英文)(2009-06-24 CHM版)

    Flex 4,又被称为Gumbo,是Adobe Flex框架的一个重大更新,主要针对富互联网应用程序(RIA)的开发。本手册是Flex 4语言参考的英文CHM版,发布于2009年06月24日,包含了当时最新的Flex 4 API和技术信息。 Flex 4...

    Flex4_Tutorials中文版

    6. **Data Binding**:Flex 4的数据绑定机制进一步完善,支持双向数据绑定,使得视图和模型之间的同步更加直观和简单。 7. **Spark Components**:Spark组件库包括一系列新的UI组件,如Button、Label、List等,这些...

    Flex 4 权威指南 代码

    描述中的"Flex4权威指南 清晰中文版",暗示这是一个全面且深入的教程资源,可能包含了Flex 4的基本概念、组件使用、数据绑定、事件处理、动画制作、服务调用等多个方面的内容。这样的指南对于初学者理解Flex 4的框架...

    Flex4的一个中文教程

    4. **数据绑定增强**:Flex4的数据绑定机制更加强大,支持双向数据绑定和表达式绑定,使得数据驱动的UI开发变得更加简单。 5. **图形渲染引擎Gumbo**:Flex4采用了新的渲染引擎Gumbo,允许开发者使用MXML和...

    FLEX4 DOCUMENT

    Adobe Flex 4(代号为Gumbo)是一款用于构建和部署跨平台的富互联网应用程序(RIA)的强大框架。它允许开发者利用Adobe Flash Player和Adobe AIR运行时环境来创建高度交互式的用户界面。Flex 4不仅提供了丰富的组件库...

    flex 4 in action (英文版)

    4. **Graphical and Animation System**:Flex 4 引入了全新的图形和动画引擎——Graphical Layout System (Gumbo) 和Timeline-based Animation。这个系统允许开发者创建复杂的动态效果和交互,提升了RIA的用户体验...

Global site tag (gtag.js) - Google Analytics