关于数据绑定
数据绑定是将一个组件中的数据同另外一个组件中的数据联系起来的过程,它为不同的层次之间传输数据提供了一个便捷的方法,数据绑定需要一个源属性,一个目的属性,以及何时将数据从源属性拷贝到目的属性的触发事件,当源属性发生变化的时候,将触发事件。
在Flex中,提供了数据绑定的三种方法,在MXML中利用<mx:Binding>和{},以及在ActionScript使用BindingUtils的相关方法,下面我们将逐个谈谈下面几个方法的利用。
a.使用MXML的<mx:binding>来实现数据绑定
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Binding source="bindFrom.text" destination="bindTo.text"/>
<mx:Panel width="1024" height="768" layout="absolute">
<mx:Form x="10" y="22" width="300" height="100">
<mx:FormItem label="BindFrom:">
<mx:TextInput id="bindFrom"/>
</mx:FormItem>
<mx:FormItem label="BindTo:">
<mx:TextInput id="bindTo"/>
</mx:FormItem>
</mx:Form>
</mx:Panel>
</mx:Application>
从这个例子我们可以看出,我们是将bindFrom和bindTo两个文本框绑定起来,这样当bindForm文本框的内容发生变化时,bindTo文本框的内容将发生变化;该例子只是实现一个单向的绑定,若想实现双向绑定,我们只需要,再加一个<mx:Binding>标记就可以实现了。
b.利用{}实现数据绑定
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Panel width="1024" height="768" layout="absolute">
<mx:Form x="10" y="22" width="300" height="100">
<mx:FormItem label="BindFrom:">
<mx:TextInput id="bindFrom" text="{bindTo.text}"/>
</mx:FormItem>
<mx:FormItem label="BindTo:">
<mx:TextInput id="bindTo" text="{bindFrom.text}"/>
</mx:FormItem>
</mx:Form>
</mx:Panel>
</mx:Application>
利用这种形式,我们很容易将同一个层次的数据绑定起来,使数据能够实时的发生变化
c.使用[Bindable]实现数据绑定
Flex允许使用ActionScript实现数据绑定,利用[Bindable]元数据标签声明变量或者类,开发人员就可以将变量绑定到组件,这时无论绑定的变量发生了变化,Flex组件都将及时更新。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
[Bindable]
public var myLableName :String="hello world";
</mx:Script>
<mx:Panel width="1024" height="768" layout="absolute">
<mx:Label text="{myLableName}"/>
<mx:Label text=" Type into text field below to hange text above"/>
<mx:TextInput id="newText" change="myLableName=newText.text"/>
</mx:Panel>
</mx:Application>
从这里例子,我们可以看出,任何一个组件发生变化,界面也将发生变化。
分享到:
相关推荐
flex数据绑定的原理
flex 数据绑定dataGrid.rar
FLEX数据绑定专题 多种方式进行flex的数据 绑定 同时使java做为后台
这个是关于flex数据绑定的pdf,个人觉得讲的挺好的,是从javaeye上下载的,讲的很详细。
用于flex数据绑定,是初学flex看,在开发中需要用到的,帮助文档
Flex数据绑定[收集].pdf
数据绑定内容简介: 现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢?我们的目的就是将这些数据设法放到界面上去可以显示出来,这个将数据放到界面上去的... 在Flex应用中程序中,数据绑定的实际是借
数据绑定是Flex的关键这本电子数详细介绍有关Flex绑定的知识
博文链接:https://hacker47.iteye.com/blog/235758
NULL 博文链接:https://licoolxue.iteye.com/blog/650615
NULL 博文链接:https://zengguo1988.iteye.com/blog/418265
flex页面跳转及数据绑定的方法,flex页面跳转及数据绑定的方法
总结了所有flex3中用到的数据绑定,并带有实例讲解。
这是Flex第一步中数据绑定的例子,编写了顺便和大家分享一下。
FLEX 数据绑定 Flex HTTPservice使用 Flex 创建自定义事件。 其它入门基础等。
Flex Bind数据绑定实例代码 ActionScript 3.0
Flex.3数据绑定(2)Flex.3数据绑定(2)Flex.3数据绑定(2)Flex.3数据绑定(2)
利用Flex中高级数据绑定实现界面的多语言切换。