[Flex]Flex绑定数据的方式

最新推荐文章于 2021-05-26 07:22:35 发布

最新推荐文章于 2021-05-26 07:22:35 发布 · 162 阅读

文章标签：

#Flex #ActionScript

本文介绍了在Flex开发过程中使用的三种数据绑定方法：直接在大括号内填写变量、使用<mx:Binding/>标签以及利用ActionScript中的BindingUtils类进行绑定。通过具体的示例演示了如何实现这些绑定方式。

在使用Flex开发的过程中，数据绑定是一定会遇到的，这种技术简单，又有点好玩，重要的是它让开发变得简单了。

在Flex中，数据绑定的方式有这么三种：

直接在“{}”中填写绑定变量
使用<mx:Binding />标签绑定
使用ActionScript中的BindingUtils类绑定

示例1:

<mx:TextInput id="inputUnit" />
<mx:Label text="{inputUnit.text}" />

示例1中的绑定方式即是第一种绑定方式，在“{}”中直接填写inputUnit.text，表示Label显示的内容和TextInput是关联的，它会随着TextInput的输入内容变化而变化。

示例2:

<mx:TextInput id="inputUnit" />
<mx:Label id="showUnit" />
<mx:Binding source="inputUnit.text" destination="showUnit.text" />

示例2展示了第二种绑定方式，使用<mx:Binding />标签。

示例3:

	<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()方法之后，绑定目的就达到了。

待续...