Flex - mxml中组件数据的双向绑定

2014-11-28 发布：hangge 阅读：372

Flex的mxml页面中，给变量添加绑定标签[Bindable]，同时给组件属性设置 {变量} ，即可完成单向的数据绑定，如下：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   xmlns:local="*">
	
	<fx:Script>
		<![CDATA[
			[Bindable]
			private var userNmae:String = "hangge.com";
		]]>
	</fx:Script>
	<s:TextInput text="{userNmae}" />
</s:Application>

上面把TextInput的text值绑定变量userNmae，当userNmae的值改变时，TextInput的text值也会同步改变。

想要实现双向绑定，即TextInput输入的值改变时让变量userNmae也同步改变，可以在大括号前面加@，即 @{变量}。如下：

<s:TextInput text="@{userNmae}" />