WEB开发网
开发学院图形图像Flash ActionScript 3.0 Step By Step系列(八):动态的数... 阅读

ActionScript 3.0 Step By Step系列(八):动态的数据展现源于灵活的数据绑定

 2009-01-14 11:55:14 来源:WEB开发网   
核心提示:现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢?我们的目的就是将这些数据设法放到界面上去可以显示出来,这个将数据放到界面上去的过程可以叫住数据绑定,ActionScript 3.0 Step By Step系列(八):动态的数据展现源于灵活的数据绑定,在Flex应用中程序中,数据绑定的实际是借助事件机制来

现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢?我们的目的就是将这些数据设法放到界面上去可以显示出来,这个将数据放到界面上去的过程可以叫住数据绑定。

在Flex应用中程序中,数据绑定的实际是借助事件机制来完成的,当目标使用数据绑定的时候,目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时,数据源会派发改变事件通知目标对象更新数据。实际开发中我们不需要去关注具体的实现过程,这个过程Flash/Flex会自动去完成。

在Flex中,数据绑定主要有四种方式,分别为:"{}"绑定表达式、[Bindable]绑定符号、<mx:Binding>标签和BindingUtils动态绑定,下面一一对这四种数据绑定方式进行详细介绍。

一、"{}"绑定表达式

Flex开发中,"{}"绑定表达式的应用是最为常见的,简单、方便。好比ASP.NET中的"<% %>"一样的功效。这里我就简单介绍下,在Flex下怎么使用"{}"绑定表达式来绑定数据。如有这样一个简单的需求,我们定义一个变量,通过"{}"绑定表达式将变量的值绑定到文本框或是按扭等类似的UI组件上,变量定义如下:

1   <mx:Script>
2     <![CDATA[
3       [Bindable]
4         internalvartext:String="嗨,这是通过"{}"表达式绑定的!";
5     ]]>
6   </mx:Script>

如上定义了一个字符串的变量text,我们通过"{}"绑定表达式将其绑定在UI组件上呢?如下:

1   <mx:Buttonx="97"y="122"label="{this.text}"fontSize="12"/>
2   <mx:Labelx="97"y="152"text="{this.text}"fontSize="12"/>
3   <mx:Textx="97"y="178"text="{this.text}"fontSize="12"/>

1 2 3 4 5 6  下一页

Tags:ActionScript Step By

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接