Binding in Deep (Bind to items of map)

[Michael Wittwer]

--> Anhänge: sourcen und libs als zip / Printscreen der PersonModel.as Klasse

Szenario:
Mein Ziel ist es eine "Base-Model" Klasse als "Super-Klasse" für alle meine Modelle zu implementieren.
Dieses "Base-Model" hat einige features, eins davon ist, dass ich für ein property zwei Werte halte. Einmal den originalen Wert, und einmal den geänderten. Damit habe ich den Vorteil das ich "save", "restore" Funktionalität anbieten kann und in einem Databinding auf den originalen oder den geänderten Wert binden kann (typisches Beispiel: View bindet auf originalen wert / Editor bindet auf den geänderten Wert)

Die geänderten Werte halte ich in einer Map (Ich verwende als Collection-Library die as3Commons-Collection library).
Wenn ich einen Wert eines properties ändere (den "geänderten Wert"), dann wird der Wert in der Map mit dem Property Key (als Konstante im Model gehalten) mit dem neuen Wert überschrieben und ein PropertyChange event ausgelöst.
Auf diese ChangeEvents binde ich dann über die "ChangeWatcher" Klasse meine Handler in denen ich in einem ersten Schritt nur ein Log-Statement erzeuge.

Problem:
Ich schaffe es nicht einen propertyChangeEvent für ein einzelnes Property abzufangen.

Vorgehen:

1. Binding erstellen über ChangeWatcher.watch(...)
   

   ChangeWatcher.watch(model, PersonModel.P_EDITED_VALUES, onCollectionChanged);
   ChangeWatcher.watch(model, [PersonModel.P_EDITED_VALUES, {name:PersonModel.P_FIRST_NAME, getter:getGetterFunctionForMap(), setter:getSetterFunctionForMap()}], onEditedNameChanged);
   ChangeWatcher.watch(model, [PersonModel.P_EDITED_VALUES, {name:PersonModel.P_AGE, getter:getGetterFunctionForMap(), setter:getSetterFunctionForMap()}], onEditedAgeChanged);

2. Handler Methoden erstellen
   

   private function onCollectionChanged(event : PropertyChangeEvent) : void {
         LOG.debug("onCollectionChanged(): <{0}> / <{1}>", [event.property, (event.newValue != null ? ((event.newValue as LinkedMapFx).size) : "<null>")]);
   }
   
   private function onEditedNameChanged(event : PropertyChangeEvent) : void{
         LOG.debug("onEditedNameChanged()");
   }
   
   private function onEditedAgeChanged(event : PropertyChangeEvent) : void {
         LOG.debug("onEditedAgeChanged()");
   }

3. Applikation starten und über einen Button den Wert für das Property PersonModel.P_FIRST_NAME ändern
   

   private function changeName() : void {
        var map : LinkedMapFx = model.editedValues;
        if (map.hasKey(PersonModel.P_FIRST_NAME){
              map.replaceFor(PersonModel.P_FIRST_NAME, "name" + nameCounter++);
        } else {
              map.add(PersonModel.P_FIRST_NAME, "name" + nameCounter++);
        }
   }

   Führe ich den Code aus erhalte ich die folgenden Log-Staements:
   

   BindSample.swf(20:53:23.915) PersonModel: onEditedValueChanged
   BindSample.swf(20:53:23.916) BindSample: onCollectionChanged():<editedValues> / <1>
   BindSample.swf(20:53:23.916) BindSample: onEditedNameChanged()
   BindSample.swf(20:53:23.916) BindSample: onEditedAgeChanged()

Ich möchte aber das wenn ich einen Wert eines properties ändere nur dieses eine Property einen Event auslöst, das heisst ich möchte beim ändern des Namens nur das folgende Log-Statement sehen:

BindSample.swf(20:53:23.915) PersonModel: onEditedValueChanged
BindSample.swf(20:53:23.916) BindSample: onEditedNameChanged()

Meine Annahme:

Über das Binding, welches im ChangeWatcher erstellt wurde, wird auf Events vom Typ "PropertyChangeEvent" gehört. Aber ich verstehe nicht wie ich ein "Deep Binding" über mehrere "hierarchische" Stufen realisieren kann.
Wenn wir noch einmal anschauen wie das binding erstellt wird, hoffe ich, ist klar was ich machen will.

ChangeWatcher.watch(model, [PersonModel.P_EDITED_VALUES, {name:PersonModel.P_FIRST_NAME, getter:getGetterFunctionForMap(), setter:getSetterFunctionForMap()}], onEditedNameChanged);

Ich denke der Fehler liegt in dieser Methode der PersonModel.as Klasse:

private function onEditedValueChanged(event : MapEvent) : void {
      LOG.debug("onEditedValueChanged");
       dispatchEvent(PropertyChangeEvent.createUpdateEvent(this, P_EDITED_VALUES, null, _editedValues));
}

Der update event sollte wohl auf eine Chain (P_EDITED_VALUES.P_FIRST_NAME) oder so ähnlich verweisen, das hat aber nicht funktiniert.

Ich bedanke mich schon im voraus auf wertvolle Tipps, ich weiss nicht mehr weiter.

Anmerkung:
Ich habe auch schon versucht einen "custom-event" zu dispatchen, welcher im Bindable Tag [Bindable(event="customEvent"] eines Properties registriert wird.

[Omega Psi]

Und das PersonModel sieht wie aus?

[Michael Wittwer]

Habe schon gehofft das ich auf dein Feedback zählen kann. Danke!

Die sourcen befinden sich im Anhang...

[Omega Psi]

Ich glaube die Anwendung der getter/setter funktionen ist falsch. Scope der Funktionen und Eigenschaften, die im Closure ausgeführt werden, referenzieren nicht die Objekte, die du in der Funktion angibst.

Ich baue heute Nachmittag/Abend ein Beispiel.

[Michael Wittwer]

Ich bin mir ziemlich sicher, dass die getter / setter Methoden so funktionieren, ich habe das ganze auch schon "gedebuggt" und die rückgabewerte sind korrekt.
Das Problem ist wohl das in der chain des bindings das erste property P_EDITED_VALUES bei jedem binding gleich ist, und somit die handler immer aufgerufen werden ohne die weiteren properties der chain zu beachten.
Wie ich das aber lösen kann, weiss ich nicht?!

[Omega Psi]

Ich schaue mir das nachher noch mal an.

[Omega Psi]

Sorry, gestern war zu viel los. Ich hab das Problem aber nicht vergessen.

[Michael Wittwer]

Danke für die kurze Rückmeldung. Bin selber auch noch nicht weiter gekommen...