`

flex4中的双向绑定

    博客分类:
  • flex
 
阅读更多
Flex中一个很有用的功能是数据的绑定,比如我们有属性a,以及输入框b,我们可以把属性a与输入框b绑定起来,这样
改变a的值时,输入框b的值也会相应变化。这种绑定是单项的。在Flex SDK4以前没有直接的双向绑定,所以当我们想
反过来通过设置b的值来改变a时就会比较麻烦。而Flex4为我们提供了双向绑定的方法,下面我们来举个例子。

场景中有t1与t2两个输入框,无论我们改变哪一个输入框的值,另一个都会跟着变化。
<s:TextInput id="t1" text="@{t2.text}" />
<s:TextInput id="t2" />
代码中的text="@{t2.text}"就实现了双向绑定。

下面是另一个双向绑定的方法
<fx:Binding source="input1.text" destination="input2.text" twoWay="true"/>
twoWay="true"表示双向绑定。

同学们要注意在样式,特效,数据服务以及远程对象的使用时是不能使用双向绑定的。
分享到:
评论

相关推荐

    FLEX资源——FLEX数据绑定专题(中文PDF)

    3. **双向数据绑定**:双向数据绑定使得UI组件的改变可以立即反映到数据模型中,反之亦然。这对于实现动态表单和实时更新的界面特别有用。 4. **事件驱动的数据绑定**:当数据模型发生变化时,Flex会触发相应的事件...

    flex数据绑定的原理

    5. **双向数据绑定**:Flex不仅支持单向数据绑定(从数据模型到UI),还支持双向数据绑定。这意味着UI组件的改变不仅能更新数据源,数据源的更新也能反映回UI。 6. **性能优化**:Flex数据绑定系统还包含了一些性能...

    FLEX数据绑定专题

    在Flex 4中,数据绑定主要分为两种类型:声明式数据绑定和编程式数据绑定。声明式数据绑定通过XML语法在MXML文件中直接设置,如`&lt;mx:Label text="{data.name}" /&gt;`,这将Label组件的文本属性与名为"data"的对象的...

    flex数据绑定 pdf

    Flex数据绑定是Adobe Flex框架中的核心特性之一,它允许开发者将UI组件的显示状态与应用程序的数据模型紧密关联,实现数据的动态更新。这份名为“FLEX数据绑定专题”的PDF文档,很可能深入探讨了这一主题,提供了...

    Flex4 AIP 中文说明

    5. **MXML改进**:MXML作为Flex的声明式语言,在Flex4中变得更加强大。它可以用来定义组件、事件处理函数甚至ActionScript类。MXML和ActionScript的结合使用,让代码组织更加清晰。 6. **ActionScript优化**:Flex4...

    flex4-binding-custom-Class.rar_flex_flex4

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

    flex企业应用开发笔记-数据绑定

    Flex提供了`&lt;mx:Form&gt;`组件和`&lt;mx:FormItem&gt;`的`data`属性支持双向绑定。 3. **事件驱动的数据绑定**:在某些情况下,数据变化可能不是立即触发的,而是基于特定事件,如按钮点击。这时,可以使用`&lt;mx:Binding&gt;`...

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

    在Flex 4中,ActionScript 3被用来处理逻辑、数据绑定和事件处理,与MXML共同构建Flex应用。 5. **数据绑定**:Flex 4中的数据绑定机制简化了视图和模型之间的连接。通过数据绑定,当模型数据改变时,相应的界面...

    Flex4实战源代码

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

    Flex Bind数据绑定实例代码

    Flex Bind数据绑定是Adobe Flex应用程序开发中的核心特性,它允许开发者在用户...在实际项目中,根据需求选择合适的绑定方式,如单向绑定、双向绑定,结合转换函数和事件处理,能有效提升应用的用户体验和开发效率。

    FLEX4实战.pdf 中文完整版

    在Flex4中,最重要的变化之一是对UI组件的革新。它引入了Spark组件集,与原有的 Halo 组件集相比,Spark组件更加灵活、可定制化,并且支持更加丰富的视觉效果。Spark组件设计的目标是提高组件的性能和可扩展性,同时...

    FLEX4 信息系统

    3. 数据绑定:FLEX4支持双向数据绑定,使得UI组件的状态可以直接与后台数据模型关联。这样,当用户在界面上进行操作时,数据会自动更新到模型中,反之亦然。 4. 数据存储:在“myStudent”文件中,我们可能包含了...

    FLEX数据绑定四种方式

    `&lt;mx:Binding&gt;`标签提供了一种更为灵活的数据绑定方式,它可以定义更复杂的绑定逻辑,包括双向绑定等高级功能。 **使用方法** 假设有一个名为`sourceVar`的变量和一个名为`targetLabel`的Label组件,可以使用`...

    Flex初级数据绑定代码

    ### Flex初级数据绑定代码解析 #### 一、概述 本文将详细介绍一个Flex应用程序中的...未来在更复杂的项目中,可以进一步探索更多高级的数据绑定技巧,如双向绑定、条件绑定等,以提高应用程序的灵活性和可维护性。

    FLEX 数据绑定专题一(转)

    本文是系列文章的第一部分,主要介绍数据绑定的基本概念、工作原理以及在FLEX中的应用。 数据绑定的基本概念: 数据绑定是连接应用程序UI(用户界面)组件和数据源的过程,当数据源发生变化时,UI会自动更新,反之...

    Flex 数据绑定

    在Flex中,数据绑定是一种声明性编程方式,通过简单的语法就能实现双向绑定,即模型变化时更新视图,用户交互改变视图时更新模型。 2. 声明式数据绑定 在Flex中,数据绑定通常使用`=`, `:`或`{}`符号来表示。例如,...

    flex数据绑定

    例如,`&lt;s:TextInput bindable="true" text="{myData}" /&gt;`是单向绑定,而`&lt;s:FormElement label="Name" id="nameField" data="{myData}" /&gt;`是双向绑定,因为`FormElement`会自动处理用户输入的更新。 4. 表达式与...

    flex4 开发文档

    4. **数据绑定**:解释如何在Flex应用中实现数据模型与视图之间的双向绑定,以便于实时更新UI。 5. **事件处理**:阐述ActionScript 3.0的事件模型,如何添加事件监听器和处理事件,以及如何发布和调度自定义事件。...

    flex 数据绑定 dataGrid.rar

    3. **双向绑定**:双向数据绑定允许数据在源对象和目标对象之间流动。常见于输入控件,如文本框,当用户输入时,数据会自动更新到源对象。 4. **表达式语法**:`&lt;s:property attribute="{sourceProperty}" /&gt;`,...

Global site tag (gtag.js) - Google Analytics