Flex - mxml中组件数据的双向绑定
作者:hangge | 2014-11-28 16:11
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)