1.什么是数据绑定?
Data binding is the process of tying the data in one object to another object.
数据绑定是一个对象的数据捆绑到另一个对象上的进程。
2.数据绑定的作用
It provides a convenient way to pass data between the different layers of the application.
数据绑定提供了一个在程序的各个层面之间传递数据的便利方法
3.数据绑定的机制
Data binding requires a source property, a destination property, and a triggering
event that indicates when to copy the data from the source to the destination. An
object dispatches the triggering event when the source property changes.
数据绑定要求一个源属性,一个目的属性和一个触发事件。这个触发事件指示从源属性复制数据到目的属性上。当源属性改变时一个对象派发这个触发事件。
4.数据绑定的定义方式
1)句法:大括号{}
2)MXML标签:
3)AS类: mx.binding.utils.BindingUtils
5.数据绑定的发生时机
1) The binding source dispatches an event because the source has been modified.
绑定源改变后派发事件
This event can occur at any time during application execution.
这个事件在程序运行的任何时间都可发生。
2)At application startup when the source object dispatches the initialize event.
程序启动时源对象派发初始化事件
All data bindings are triggered once at application startup to initialize the
所有的数据绑定在程序启动初始化目的属性时都会被触发一次。
6.绑定属性
1)Using data binding with data models
绑定数据model
2) Binding a source property to more than one destination property
一对多绑定
3)Binding more than one source property to a destination property
多对一绑定
4)Defining bidirectional bindings
双向绑定
eg:
7.绑定函数
1)Using functions that take bindable properties as arguments
2) Binding to functions in response to a data-binding event
8.绑定对象
1) Binding to Objects
2) Binding to properties of Objects
绑定对象的属性,可使用元素标签[Bindable]在对象所在的类的定义前。则这个对象的所有
公有属性都被绑定。
9.绑定数组
1) Binding to arrays
2) Binding to array elements
10.绑定元素标签
句法:[Bindable] 或 [Bindable(event="eventname")]
[Bindable]是[Bindable(event="propertyChange")]的简写。当被绑定的属性发生改变时,Flex
会派发事件触发绑定。
主要有三种使用情况:
1) 在属性定义前 2) 类定义前 3)getter 或 setter 方法前
可以使用MX标签绑定,也可以使用BindUtil来进行绑定,下面是我做的一个例子,实现BO与页面空间的自动双向绑定:
BO定义:
package com.bankcomm.icms.domain.migrate { [Bindable] publicclass Bo { privatevar _property0:String = ""; privatevar _property1:int = 0; privatevar _property2:String = ""; publicvar className:String = "Bo"; publicvar propertyNames:Array = ["property0", "property1", "property2"]; publicfunction Bo() {} publicfunction set property0(value:String):void{ this._property0 = value; } publicfunction get property0():String{ returnthis._property0; } publicfunction set property1(value:int):void{ this._property1 = value; } publicfunction get property1():int{ returnthis._property1; } publicfunction set property2(value:String):void{ this._property2 = value; } publicfunction get property2():String{ returnthis._property2; } } }
下面是应用代码:
privatevar bo:Bo = new Bo(); function init():void { autowireBindObject(bo); } function autowireBindCollection(arr:ArrayCollection):void { } function autowireBindObject(bo:Object) { for each(var propertyName:String in bo.propertyNames) { var elem:Object = this[bo.className + "_" + propertyName]; if(elem==null) continue; var value = bo[propertyName]; if(elem instanceof ComboBox) { ComboBox(elem).dataProvider = DataDict.dictYesNo; BindingUtils.bindProperty(elem, "selectedIndex", bo, propertyName, false); BindingUtils.bindProperty(bo, propertyName, ComboBox(elem), "selectedIndex",false); } elseif(elem instanceof TextInput) { BindingUtils.bindProperty(elem, "text", bo, propertyName, false); BindingUtils.bindProperty(bo, propertyName, TextInput(elem), "text", false); } elseif(elem instanceof DateField) { BindingUtils.bindProperty(elem, "text", bo, propertyName, false); BindingUtils.bindProperty(bo, propertyName, DateField(elem), "text", false); } else { } } } function chageModelAndUpdateUI() { bo.property0 = "xxx"; bo.property1 = 1; bo.property2 ="2009-02-10"; } function chageUIAndUpdateModel():void { var a = bo.property1; } ]]>
发表评论
-
Shell 字符串截取方法
2012-07-06 09:52 890Shell下截取字符串的功能非常少,不过有时在判断字符串前 ... -
PCRE函数简介和使用示例
2012-07-06 09:46 599PCRE是一个NFA正则引擎,不然不能提供完全与Perl一 ... -
组件服务中找不到office word
2012-07-03 13:44 1256在.NET环境下,使用word组件进行word操作,实现w ... -
AS3.0相关知识
2012-07-02 13:16 644as3.0 2010-01-06 0 ... -
JAVA+fms
2012-07-02 13:16 811最近完成的 Java Flex Fms 视频聊天程序,虽然 ... -
BulkLoader多个文件一起加载
2012-07-02 13:16 567flex的单线程以及事件机制,导致了它在加载文件的时候不能 ... -
学习组件拖拽
2012-07-02 13:16 463/本篇文章来源于ACCP教程网, ... -
Cairngorm示例:用户登录
2012-07-02 13:16 3731. Cairngorm简介 Cairngorm是 ... -
[ActionScript3.0][My flex]读书笔记三之 模块化编程
2012-07-01 10:45 6021.加载mxml模块 第一步: 新建mxml模块:Data ... -
Flex+C# WebService连接的例子
2012-07-01 10:45 621Webservie后台的代码: using System; ... -
[ActionScript3.0][My flex]读书笔记四之 图标模块应用实例
2012-07-01 10:45 6431.chartdata.xml 2.MyCo ... -
Removing items from a Flex DataGrid control using the DragManager class
2012-07-01 10:45 595You want to remove items from ... -
flex 打印 预览
2012-06-30 17:09 626flex 打印 预览 2011年03 ... -
flex学习-------flex与as基础
2012-06-30 17:09 528flex学习-------flex与as基础 2010年10 ... -
关于FLex Unit 的 Runtime Exception
2012-06-30 17:08 521关于FLex Unit 的 Runtime Exception ... -
关于Flex4工程和 Alternativa3D 7.5.1的疑问
2012-06-30 17:08 628关于Flex4工程和 Alternativa3D 7.5.1的 ... -
The architecture of Flex and Java applications two (Flex 和 Java 应用程序架构 2)
2012-06-30 17:08 432The architecture of Flex and Ja ...
相关推荐
flex数据绑定的原理
FLEX数据绑定专题 多种方式进行flex的数据 绑定 同时使java做为后台
flex 数据绑定dataGrid.rar
数据绑定是Flex的关键这本电子数详细介绍有关Flex绑定的知识
数据绑定内容简介: 现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢?我们的目的就是将这些数据设法放到界面上去可以显示出来,这个将数据放到界面上去的... 在Flex应用中程序中,数据绑定的实际是借
这个是关于flex数据绑定的pdf,个人觉得讲的挺好的,是从javaeye上下载的,讲的很详细。
用于flex数据绑定,是初学flex看,在开发中需要用到的,帮助文档
Flex数据绑定[收集].pdf
博文链接:https://hacker47.iteye.com/blog/235758
flex页面跳转及数据绑定的方法,flex页面跳转及数据绑定的方法
Flex Bind数据绑定实例代码 ActionScript 3.0
总结了所有flex3中用到的数据绑定,并带有实例讲解。
Flex.3数据绑定(2)Flex.3数据绑定(2)Flex.3数据绑定(2)Flex.3数据绑定(2)
这是Flex第一步中数据绑定的例子,编写了顺便和大家分享一下。
NULL 博文链接:https://licoolxue.iteye.com/blog/650615
利用Flex中高级数据绑定实现界面的多语言切换。
flex中的datagrid是一个重量级的组建,也是数据绑定中的主要组件之一。
java 与 flex 数据转换,java数据类型对应flex的数据类型
FLEX 数据绑定 Flex HTTPservice使用 Flex 创建自定义事件。 其它入门基础等。
Flex学习笔记_09 数据绑定_概念、使用 - Java&Flex - JavaEye技术网站 希望对爱好有帮助!!