14.8.綁定到一個一般的對象

2024-04-27 13:52:18

字體：大中小

來源：轉載

供稿：網友

14.8.1. 問題
我想通過使用一個頂層的對象實例做為源來綁定到一個屬性上。
14.8.2. 解決辦法
使用類mx.utils.ObjectProxy 來在對象與分發綁定的事件間進行交換。
14.8.3. 討論
直接創建一個綁定到一個一般的對象上只會在目標對象初始化的時候引入一個更新操作。為了源對象的屬性值得到更新的時候，能同時更新目標對象的值，需要使用業ObjectProxy。創建一個ObjectProxy 對象，需要傳遞該對象到構造函數中。例如：

-ActionScript

var obj:Object = {name:'Tom Waits', album:'Rain Dogs',genre:'Rock'};
var proxy:ObjectProxy = new ObjectProxy( obj );

對象的屬性值的修改會被ObjectProxy 進行處理，當更新操作發生時，ObjectProxy 對象會分發一個propertyChange 事件。該propertyChange 事件是默認綁定分發的事件。當默認的事件被分發時，源屬性的值就會被復制到目標對象的屬性。在接下來的例子中傳遞了一個一般的對象到一個類ObjectProxy 的實例的構造函數：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
import mx.utils.ObjectProxy;
private var obj:Object = {name:'Tom Waits', album:'Rain Dogs', genre:'Rock'};
[Bindable]
private var proxy:ObjectProxy = new ObjectProxy( obj );
private function clickHandler():void
{
proxy.name = nameField.text;
proxy.album = albumField.text;
proxy.genre = genreField.text;
}

]]>
</mx:Script>
<mx:Form>
<mx:FormItem label="Name:">
<mx:TextInput id="nameField" />
</mx:FormItem>
<mx:FormItem label="Album:">
<mx:TextInput id="albumField" />
</mx:FormItem>
<mx:FormItem label="Genre:">
<mx:TextInput id="genreField" />
</mx:FormItem>
<mx:FormItem label="Submit Changes">
<mx:Button label="ok" click="clickHandler();" />
</mx:FormItem>
</mx:Form>
<mx:HRule width="100%" />
<mx:Form>
<mx:FormItem label="Name:">
<mx:Text text="{proxy.name}" />
</mx:FormItem>
<mx:FormItem label="Album:">
<mx:Text text="{proxy.album}" />
</mx:FormItem>
<mx:FormItem label="Genre:">
<mx:Text text="{proxy.genre}" />
</mx:FormItem>
</mx:Form>
</mx:Application>