当前位置: > > > Flex - mxml中组件数据的双向绑定

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

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}" />

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作。

打赏支持
评论0