在Flex4中提供了一個比較有趣的功能,
他可以幫助使用者進行雙向的DataBinding這個動作,
在原廠的文件中他稱之為 Two Way Data Binding,
從字面上應該不難理解他的功用,
舉個例子來說,如下圖所示:
我們設計了兩個TextInput的輸入欄位,
當你希望下方的文字輸入欄可以同步顯示上方輸入欄的資料,
那麼你就可以這樣寫:
<s:TextInput id="source"/> <s:TextInput id="destination" text="{this.source.text}"/>
但是如果你希望下方的輸入欄也能修改時同步回上方的輸入欄中,那麼在Flex3以前必須要寫兩次的DataBinding動作才能完成,而Flex4把這個工作簡化了,如下圖所示: 你若是希望可以完成雙向的資料連結,那你將可以這樣來完成你的工作:
<s:TextInput id="source"/> <s:TextInput id="destination" text="@{this.source.text}"/>
或是這樣:
<fx:Binding source="this.source.text" destination="this.destination.text" twoWay="true"/> <s:TextInput id="source"/> <s:TextInput id="destination"/>
這樣是不是很簡單呢?
這也是從Flex3升級到Flex4上面所需要注意的小地方。