FLEX SDK 4 新特性之双向绑定

最新推荐文章于 2025-09-24 10:58:09 发布

转载最新推荐文章于 2025-09-24 10:58:09 发布 · 545 阅读

Flex + FMS 专栏收录该内容

176 篇文章

订阅专栏

本文详细介绍了Flex中双向绑定功能的使用方法，并通过实例展示了如何在输入框间实现双向绑定，使得属性值能够相互更新。同时，文章还探讨了在不同场景下绑定的应用限制，并分享了实际操作中遇到的问题及解决方案。

先看看郑大他们书里面的介绍：

Flex中一个很有用的功能是数据的绑定，比如我们有属性a,以及输入框b,我们可以把属性a与输入框b绑定起来，这样
改变a的值时，输入框b的值也会相应变化。这种绑定是单项的。在Flex SDK4以前没有直接的双向绑定，所以当我们想
反过来通过设置b的值来改变a时就会比较麻烦。而Flex4为我们提供了双向绑定的方法，下面我们来举个例子。

场景中有t1与t2两个输入框，无论我们改变哪一个输入框的值，另一个都会跟着变化。
<s:TextInput id="t1" text="@{t2.text}" />
<s:TextInput id="t2" />

代码中的text="@{t2.text}"就实现了双向绑定。下面是另一个双向绑定的方法
<fx:Binding source="input1.text" destination="input2.text" twoWay="true"/>
twoWay="true"表示双向绑定。

同学们要注意在样式，特效，数据服务以及远程对象的使用时是不能使用双向绑定的。

实际体会，上周罗总让坐以小工具，其中用到绑定的时候，item的属性可以绑定到checkBox上

<s:CheckBox id="x5" x="105" y="25" label="Adjacent +X" selected="{item.b1}" click="checkedClickHandler()"/>

但是点击改变CheckBox并不会改变item值，也就是只能实现单向绑定，我要手动在checkedClickHandler，加入item.prep = checkBox.selected。我的例子中要一下子绑定14个属性，用了14行代码，其实只要

<s:CheckBox id="x1" x="10" y="25" label="Facing +X" selected="@{item.a1}" click="checkedClickHandler()"/>

就可以了，由此可见，方便许多。

转载：http://blog.youkuaiyun.com/woshixuhua/article/details/6228241