开发手册 欢迎您!
软件开发者资料库

Flex - 数据绑定

Flex数据绑定 - 从简单和简单的步骤学习Flex,从基本概念到高级概念,包括Flex概述,环境设置,应用程序,Web应用程序创建,部署和调试应用程序,生命周期阶段,CSS样式,外观,数据绑定, Flex组件,基本,表单和复杂控件,布局面板,视觉效果,事件处理,事件冒泡,自定义控件,RPC服务,FlexUnit集成,国际化,打印支持。

什么是数据绑定?

数据绑定是一个对象的数据与另一个对象绑定的过程.它需要一个源属性,一个目标属性和一个触发事件,指示何时将数据从源复制到目标.

Flex提供了三种方法来执行数据绑定,如下所示

  • MXML脚本中的曲线括号语法({})

  • < fx:binding> MXML中的标签

  • ActionScript中的BindingUtils

数据绑定 - 在MXML中使用大括号

以下示例演示如何使用花括号指定源到目标的数据绑定.

数据绑定 - 使用< fx:Binding> MXML中的标记

以下示例演示如何使用

数据绑定 - 在ActionScript中使用BindingUtils

以下示例演示如何使用BindingUtils指定数据绑定来源到目的地.

   

Flex数据绑定示例

让我们按照下面给出的步骤查看Flex应用程序中的皮肤操作创建测试应用程序 :

Step描述
1 com.it1352.client 包下创建一个名为 HelloWorld 的项目,如 Flex  - 创建应用程序章节.
2修改 HelloWorld.mxml ,如下所述.保持其余文件不变.
3编译并运行应用程序以确保业务逻辑按照要求运行.

以下是内容修改后的HelloWorld.mxml文件 src/com/it1352/client/HelloWorld.mxml.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

完成所有更改后,让我们按照正常模式编译并运行应用程序,就像我们在Flex  - 创建应用程序章节.如果您的应用程序一切正常,它将产生以下结果:

Flex Data Binding