Übergeben von Daten zwischen flex-Komponenten

Ich bin neu in flex , so verzeihen Sie mir, wenn dies ist eine blöde Frage.

Momentan bin ich mit benutzerdefinierten Ereignisse, die zum übergeben von Daten von einer Komponente zu einer anderen. Mein problem ist, dass die Ereignisse nur sprudeln. Wie kann ich das übergeben von Daten an eine Komponente, die nicht ein Elternteil die Komponente, die das Ereignis auslöst?

Hier das grundsätzliche layout. Ich versuche, Daten aus Komponente 1 übergeben der Komponente 3.

Application MXML
     Component 1
     Component 2
          Component 3

InformationsquelleAutor KevMo | 2009-05-08

  1. 10

    Wenn ein Teil der Daten erforderlich ist, um alle Komponenten in einem Graphen/Baum, Ihre beste Wette ist, um einen öffentlichen, bindbaren Eigenschaft auf jedem. Lassen Sie die Kind-Komponenten-Versand ein bubbling-Ereignis, das behandelt wird, indem der Elternteil, der kann den neuen Wert einstellen der Sie die bindbare Eigenschaft. Wenn Sie binden Sie die Eigenschaft vom übergeordneten hinunter, um das Kind wird dieser "Kaskade" nach unten zu den anderen Komponenten.

    <!-- in root application -->
<Component1 myData="{myData}"/>

    Wenn Sie müssen aufrufen zusätzlicher Logik, können Sie definieren eine get - /set-pair-Mädchen anstelle von public var und Logik hinzufügen, die setter:

    [Bindable] private var _myData;
public function set myData(value:Object):void
{
    _myData = value;
    doSomeLogic();
}

    Noch besser wäre die Verwendung der Flex-Aufhebungs-framework, um die Leistung zu optimieren:

    _myDataChanged : Boolean = false;
[Bindable] private var _myData;
public function set myData(value:Object):void
{
    if (_myData != value) {
        _myData = value;
        _myDataChanged = true;
    }
    invalidateProperties();
}

override protected function commitProperties() : void {
    super.commitProperties();
    if (_myDataChanged) {
        _myDataChanged = false;
        doSomeLogic()
    }
}

    Dieses Muster wird benutzt, um alle über dem Platz in alle UIComponents, dass make-up im Flex-framework. Sie können auch überschreiben müssen updateDisplayList (...), Positionierung von Elementen.

    ah, das ist es, was ich brauche. Ich mag auch, dass Aufhebungs-framework.

    InformationsquelleAutor cliff.meyers

  2. 2

    Einfachste Weg ist, nur um auf die andere Komponente.

    <Component1 name="component1/>

<Component2 name="component2" onClick="onClickHandler()"/>

private function onClickHandler(event:MouseEvent):void
{
    component1.property1 = "Random data";
    component1.sendData("Random Data");
}

    Wenn Sie einer öffentlichen, bindbaren Eigenschaft in component1, es wird zu erhöhen eine PropertyChangedEvent, die Sie behandeln können, wie gut.

    Haben Sie eine Menge von Optionen hier sehen Sie, was man am besten in den Kontext von dem, was Sie zu tun versuchen.

    EDIT: Lese weiter über das, was ich denke, Sie versuchen, Sie versuchen, Zugriff component3 von component2, aber component3 ist nicht readiily sichtbar zu component1? Es sollten noch zugänglich durch component2 obwohl, (- Komponenten neigen dazu, die öffentlichen Mitglieder).

    private function component1OnClickHandler(event:MouseEvent):void
{
     component2.component3.property1 = "Random data";
}

    Hoffe, das hilft!

    das scheint zu funktionieren für mich. Ist es eine schlechte Idee, wenn ich Versand ein noch aus einer Komponente, die im inneren der Komponente 1, fangen, in die MXML-Anwendung, und legen Sie dann die Daten in der Komponente 3? Es funktioniert, aber es scheint nicht der beste Weg, Dinge zu tun.
    never mind, sieht aus wie das binden der Daten ist die Lösung, die ich mir nach dem

    InformationsquelleAutor CookieOfFortune

  3. 0

    Stieß ich auf dieses problem vor kurzem !!
    Also hier ist, wie ich überwand es, falls jemand braucht es 5 Jahre auf der ganzen Linie 😉

    Diese link löst das problem sehr viel.

    • Erstellen Sie eine benutzerdefinierte Event-Klasse mit den erforderlichen Daten, die übergeben werden als Mitglieder dieser Klasse(wie gezeigt hier).

    • Versand ein benutzerdefiniertes Ereignis aus Component1

      dispatchEvent(new CustomEvent("customEvent",myData));
    • Erstellen Sie eine Methode in Component2 nimmt myData als argument
    • Add EventListener in der übergeordneten Komponente und rufen Sie die Methode Component2 vorbei Veranstaltung.myData

    InformationsquelleAutor GoldRoger

Schreibe einen Kommentar