14.7.創建個性化可綁定的屬性

2024-04-27 13:52:18

字體：大中小

來源：轉載

供稿：網友

14.7.1 問題
我想創建一個基于某種特殊的而非依賴于propertyChange 事件的數據綁定。
14.7.2. 解決辦法
設置[Bindable]標簽的event 屬性，使用一個字符串做為類型的參數來進行事件的分發。
14.7.3. 討論
Flex 框架中的數據綁定的基礎其實是一個基于事件的系統。默認的數據綁定的事件類型是分發到propertyChange 事件。在框架內部，對于目標屬性數據的更新并不一定是直接由數據綁定的源直接分發過去的。你可以在一個數據綁定語句中自定義一個事件類型，通過使用[Bindable]標簽的event 屬性。例如：

-ActionScript

[Bindable(event="myValueChanged")]

當你覆蓋了默認的[Bindable]標簽的event 屬性的定義，你必須分布指定的事件來使數據綁定生效。

接下來的例子使用了自定義的綁定事件來更新目標屬性的值。

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
private var _firstName:String;
private var _lastName:String;
public static const FIRST_NAME_CHANGED:String = "firstNameChanged";
public static const LAST_NAME_CHANGED:String = "lastNameChanged";
private function clickHandler():void
{
firstName = fnInput.text;
lastName = lnInput.text;
}
[Bindable(event="firstNameChanged")]
public function get firstName():String
{
return _firstName;
}
public function set firstName( str:String ):void
{
_firstName = str;
dispatchEvent( new Event( FIRST_NAME_CHANGED ) );
}
[Bindable(event="lastNameChanged")]
public function get lastName():String
{
return _lastName;
}
public function set lastName( str:String ):void
{
_lastName = str;
dispatchEvent( new Event( LAST_NAME_CHANGED ) );
}

]]>
</mx:Script>
<mx:Panel title="User Entry."
paddingLeft="5" paddingRight="5"
paddingTop="5" paddingBottom="5">
<mx:HBox>
<mx:Label text="First Name:" />
<mx:TextInput id="fnInput" />
</mx:HBox>
<mx:HBox>
<mx:Label text="Last Name:" />
<mx:TextInput id="lnInput" />
</mx:HBox>
<mx:Button label="submit" click="clickHandler();" />
<mx:HRule width="100%" />
<mx:Label text="You Entered:" fontWeight="bold" />
<mx:HBox>
<mx:Label text="First Name:" />
<mx:Text text="{firstName}" />
</mx:HBox>
<mx:HBox>
<mx:Label text="Last Name:" />
<mx:Text text="{lastName}" />
</mx:HBox>
</mx:Panel>
</mx:Application>