简化AS3绑定/事件调度代码

时间:2009-12-08 11:42:25

标签: flex actionscript-3 binding event-handling

有3个属性(例1):

[Bindable] public var name:String;
[Bindable] public var email:Number;
[Bindable] public var address:Boolean;

我需要有3个可绑定的辅助方法(例2):

[Bindable] public var name:String;
[Bindable] public var email:Number;
[Bindable] public var address:Boolean;

public function get nameIsOk():Boolean     { return !Strings.isEmpty(name) }
public function get emailIsOk():Boolean    { return email == 3 }
public function get addressIsOk():Boolean  { return address }

当然,上面的代码不起作用。这样做(示例3):

private var _name:String
[Bindable("nameChanged")]
public function get name():String       { return _name }
public function set name(v:String):void { _name = v; dispatchEvent(new Event("nameChanged")) }
[Bindable("nameChanged")]
public function get nameIsOk():Boolean  { return !Strings.isEmpty(name) }

private var _email:Number
[Bindable("emailChanged")]
public function get email():Number       { return _email }
public function set email(v:Number):void { _email = v; dispatchEvent(new Event("emailChanged")) }
[Bindable("emailChanged")]
public function get emailIsOk():Boolean  { return email == 3 }

private var _address:Boolean
[Bindable("addressChanged")]
public function get address():Boolean       { return _address }
public function set address(v:Boolean):void { _address = v; dispatchEvent(new Event("addressChanged")) }
[Bindable("addressChanged")]
public function get addressIsOk():Boolean  { return address }

它确实有效,但现在它很臃肿。

有没有办法将此代码(示例3)缩减为更小的代码(如示例2)?

更新 感谢just_a_dude给出了很好的答案。这是最终版本:

[Bindable] public var name:String;
[Bindable] public var email:Number;
[Bindable] public var address:Boolean;

public function Remixer() {
    for each (var f:String in Strings.split("name email address")) {
        ChangeWatcher.watch(this, f, onChange)
    }
}

private function onChange(e:PropertyChangeEvent):void {
    dispatchEvent(new Event(e.property + "Changed"))
}

[Bindable("nameChanged")]
public function get nameIsOk():Boolean  { return !Strings.isEmpty(name) }

[Bindable("emailChanged")]
public function get emailIsOk():Boolean  { return email == 3 }

[Bindable("addressChanged")]
public function get addressIsOk():Boolean  { return address }

3 个答案:

答案 0 :(得分:3)

不确定这是否是您正在寻找的,但您可以使用mx.binding.utils.ChangeWatcher来“监视”属性更改

<?xml version="1.0" encoding="utf-8"?>

<mx:Script>
    <![CDATA[
        import mx.events.PropertyChangeEvent;
        import mx.binding.utils.ChangeWatcher;


        [Bindable] public var firstName:String;
        [Bindable] public var email:Number;
        [Bindable] public var address:Boolean;

        private var _watcher:ChangeWatcher;

        private function init():void {
            ChangeWatcher.watch(this, "firstName", propertyChangeHandler);
            ChangeWatcher.watch(this, "email", propertyChangeHandler);
            ChangeWatcher.watch(this, "address", propertyChangeHandler);

            firstName = "foo";
            email = 0;
            address = true;

            firstName = "bar";
            email = 1;
            address = false;
        }

        protected function propertyChangeHandler(event:PropertyChangeEvent):void {

            var prop:Object = event.property;
            var name:String = prop.toString() + "Changed";

            // trace(name); // displays firstNameChanged or emailChanged or addressChanged

            dispatchEvent(new Event(name));
        }


    ]]>
</mx:Script>

如果有帮助,请告诉我

干杯

答案 1 :(得分:0)

我不确定你是否需要getter,但如果没有,一个很好的方法就是使用单个函数,并将你的可绑定字符串作为参数。

如果你把它放在你的对象中:

public function isOk(s:String):Boolean
{
    return !Strings.isEmpty(s)
}

您可以这样使用它:

<mx:CheckBox selected="{yourObject.isOk(yourObject.name)}" />

通常,如果将一个函数放在带有可绑定参数的“{}”内,则每次参数更改时都会调用该函数。

答案 2 :(得分:0)

我会将您的功能封装在一个类中。不要重复自己:)