Flex 3 基础教程(4)

简要介绍资料的主要内容,以获得更多的关注

Flex 3 基础教程(4) 基础教程(4—Flex 3 数据绑定郑岩峰 20082008-5-23

简要介绍资料的主要内容,以获得更多的关注

什么是数据绑定数据绑定：当数据源对象的数据发生变化时，目 标对象的数据会自动更新，而不需要我们再编写 代码去强制更新 绑定实际也是借助事件机制来完成的，当目标使 用了数据绑定的时候，目标对象就会监听数据源 对象的某一固定事件。当数据源发生变化时，数 据源会派发改变事件(ChangeEvent),通知目 据源会派发改变事件(ChangeEvent),通知目 标对象更新数据。这个过程由Flex完成，不用我 标对象更新数据。这个过程由Flex完成，不用我 们手动干预。 绑定的前提条件：源对象的数据和目标对象的数 据格式相同。

简要介绍资料的主要内容,以获得更多的关注

实现数据绑定的方法1.在对象的属性标签中,使用{ }把数据源直接绑定 1.在对象的属性标签中,使用{ }把数据源直接绑定 到对象的某个属性上。 2.在对象的属性标签中,使用{ }把某个函数的返回 2.在对象的属性标签中,使用{ }把某个函数的返回 值作为数据源绑定到对象属性上。 函数的参数要使用[Bindable]绑定符号 函数的参数要使用[Bindable]绑定符号 [Bindable] [Bindable(event=“eventname”)] Event表示当数据源发生变化时，数据源所在对象 Event表示当数据源发生变化时，数据源所在对象 派发的事件类型，它是可选项，默认的事件名是 “propertyChange”,一般情况下只需要使用 propertyChange”,一般情况下只需要使用 [Bindable]标签 [Bindable]标签

简要介绍资料的主要内容,以获得更多的关注

实现数据绑定的方法3.使用<mx:Binding>标签 3.使用<mx:Binding>标签 使用<mx:Binding> source=“…” destination=“…”

简要介绍资料的主要内容,以获得更多的关注

<mx:Model>标签 <mx:Model>标签<mx:Model id=“books”> <books> <book> <name>FLEX教程</name> <name>FLEX教程</name> <author>张三</name> <author>张三</name> </book> <book> <name>JAVA高级编程</name> <name>JAVA高级编程</name> <author>李四</name> <author>李四</name> </book> </books> </mx:Model>

简要介绍资料的主要内容,以获得更多的关注

Object对象和动态对象 Object对象和动态对象Object对象是一个动态对象 Object对象是一个动态对象var o:Object=new Object(); http://www.77cn.com.cn=“Jack”; o.age=20; o.address=“北京海淀100号”; o.address=“北京海淀100号”;

Model中的节点数据默认是Object类型，作 Model中的节点数据默认是Object类型，作 数据源必须转换成ObjectProxy类型。 数据源必须转换成ObjectProxy类型。

简要介绍资料的主要内容,以获得更多的关注

数据绑定的几点说明[Bindable]标签用于函数时，只能在setter和 [Bindable]标签用于函数时，只能在setter和 getter方式定义的函数前使用。称为函数级 getter方式定义的函数前使用。称为函数级 别绑定。 [Bindable]标签用于公有 [Bindable]标签用于公有类时，这个类的所 公有类时，这个类的所 有公有变量、 setter和getter方式定义的函 公有变量、 setter和getter方式定

义的函 数都可以用于绑定。成为对象级别绑定。

简要介绍资料的主要内容,以获得更多的关注

BindingUtils和动态绑定 BindingUtils和动态绑定Mx.binding.utils BindingUtils提供了两个静态方法处理动态 BindingUtils提供了两个静态方法处理动态 绑定 bindProperty(site:Object,prop:String,host: Object,chain:Object,commitOnly:Boolean= false) bindSetter(setter:Function,host:Object,chai n:Object,commitOnly:Boolean=false)