Flex绑定数据的方式
2010-09-09 14:23
246 查看
在使用Flex开发的过程中,数据绑定是一定会遇到的,这种技术简单,又有点好玩,重要的是它让开发变得简单了。
在Flex中,数据绑定的方式有这么三种:
直接在“{}”中填写绑定变量
使用<mx:Binding />标签绑定
使用ActionScript中的BindingUtils类绑定
示例1:
Xml代码
<mx:TextInput id="inputUnit" />
<mx:Label text="{inputUnit.text}" />
示例1中的绑定方式即是第一种绑定方式,在“{}”中直接填写inputUnit.text,表示Label显示的内容和TextInput是关联的,它会随着TextInput的输入内容变化而变化。
示例2:
Xml代码
<mx:TextInput id="inputUnit" />
<mx:Label id="showUnit" />
<mx:Binding source="inputUnit.text" destination="showUnit.text" />
示例2展示了第二种绑定方式,使用<mx:Binding />标签。
示例3:
Xml代码
<mx:Script>
<![CDATA[
import mx.binding.utils.*;
private function initBind():void {
BindingUtils.bindProperty(showUnit, "text", inputUnit, "text");
}
]]>
</mx:Script>
<mx:TextInput id="inputUnit" />
<mx:Label id="showUnit" />
示例3使用第三种方式来绑定数据,在我们通过调用initBind()方法之后,绑定目的就达到了。
http://heyjoe.javaeye.com/blog/230923
在Flex中,数据绑定的方式有这么三种:
直接在“{}”中填写绑定变量
使用<mx:Binding />标签绑定
使用ActionScript中的BindingUtils类绑定
示例1:
Xml代码
<mx:TextInput id="inputUnit" />
<mx:Label text="{inputUnit.text}" />
<mx:TextInput id="inputUnit" /> <mx:Label text="{inputUnit.text}" />
示例1中的绑定方式即是第一种绑定方式,在“{}”中直接填写inputUnit.text,表示Label显示的内容和TextInput是关联的,它会随着TextInput的输入内容变化而变化。
示例2:
Xml代码
<mx:TextInput id="inputUnit" />
<mx:Label id="showUnit" />
<mx:Binding source="inputUnit.text" destination="showUnit.text" />
<mx:TextInput id="inputUnit" /> <mx:Label id="showUnit" /> <mx:Binding source="inputUnit.text" destination="showUnit.text" />
示例2展示了第二种绑定方式,使用<mx:Binding />标签。
示例3:
Xml代码
<mx:Script>
<![CDATA[
import mx.binding.utils.*;
private function initBind():void {
BindingUtils.bindProperty(showUnit, "text", inputUnit, "text");
}
]]>
</mx:Script>
<mx:TextInput id="inputUnit" />
<mx:Label id="showUnit" />
<mx:Script> <![CDATA[ import mx.binding.utils.*; private function initBind():void { BindingUtils.bindProperty(showUnit, "text", inputUnit, "text"); } ]]> </mx:Script> <mx:TextInput id="inputUnit" /> <mx:Label id="showUnit" />
示例3使用第三种方式来绑定数据,在我们通过调用initBind()方法之后,绑定目的就达到了。
http://heyjoe.javaeye.com/blog/230923
相关文章推荐
- 未理解的flex的数据绑定的两种方式
- [Flex]Flex绑定数据的方式
- Flex 数据的三种绑定方式
- Flex绑定数据的方式[转]
- Flex的数据绑定方式一览
- Flex中实现Tree绑定数据后自动展开节点
- Flash/Flex与外部对象或数据交互的几种方式
- [IE6 only]关于Flash/Flex,返回数据产生流错误Error #2032的解决方式
- Flex访问数据——将服务操作绑定到用户界面控件
- Silverlight与WCF之间的通信(3)利用net.tcp绑定方式寄宿到到控制台交互数据
- Flex 的数据绑定观察
- DataGridView数据绑定到支持更改通知并允许删除的IBindinglist,否则不能以编程的方式移除
- Flex4 简单的下拉选单 绑定数组数据 比比HTML谁简单 晕死
- Flex数据绑定陷阱(一)
- flex里面几种获取后台数据的方式
- ListView 的三种数据绑定方式
- flex中DataGrid里使用itemRenderer后数据无法绑定到数据源的问题
- flex 数据绑定
- 在Flex中让Tree绑定数据后自动展开树节点
- WPF的数据绑定之控件源绑定以及代码方式绑定