使用actionscript binding function

今天有同事問到如何使用純as動態綁定函數於是順便研究一下相關作法.
以下範例主要是透過BindingUtils.bindProperty並傳入自己創建的Chain object來完成動態綁定函數及額外的參數更新.

<?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" creationComplete="init()"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <fx:Script> <![CDATA[ import flash.utils.getTimer; import flash.utils.setInterval; import mx.binding.utils.BindingUtils; import mx.events.FlexEvent; protected function init():void { initBinding(lbl2, "this is lbl2"); setInterval(function():void { dispatchEvent(new Event("sayHello")); }, 1000) } protected function initBinding(obj:Object, value:String):void { var chain:Object = { name: "sayHello", value: value }; chain.getter = function(host:Object):String { return host.sayHello(chain.value); } BindingUtils.bindProperty(obj, "text", this, chain); } [Bindable(event = "sayHello")] public function sayHello(value:String):String { return "sayHello:" + value + ", time:" + getTimer(); } ]]> </fx:Script> <s:VGroup paddingTop="5" paddingLeft="5"> <s:Label id="lbl" text="{sayHello('this is lbl')}"/> <s:Label id="lbl2" text=""/> </s:VGroup> </s:Application>