Transférer des données entre les composants flex

Je suis nouveau sur flex , donc pardonnez-moi si c'est une question stupide.

Droit maintenant, je suis en utilisant des événements personnalisés à passer des données d'un composant à l'autre. Mon problème est que les événements de la bulle. Comment puis-je passer des données à un composant qui n'est pas un parent du composant d'envoi de l'événement?

Voici la présentation de base. Je suis en train de récupérer les données de la composante 1 passé à la composante 3.

Application MXML
     Component 1
     Component 2
          Component 3

OriginalL'auteur KevMo | 2009-05-08

10

Si un élément de données est requis par tous les composants dans un graphique/arbre, votre meilleur pari est d'exposer un public pouvant être liés à la propriété sur à chaque. Laisser l'enfant les composants de l'envoi d'un événement de propagation qui est géré par le parent, qui peut définir la nouvelle valeur de la propriété liable. Si vous liez la propriété du parent vers l'enfant, ce sera de la "cascade" vers le bas pour les autres composants.
```

<Component1 myData="{myData}"/>
```
Si vous avez besoin d'invoquer la logique supplémentaire, vous pouvez définir un get/set paire au lieu de public var et ajouter de la logique de l'incubateur:
```
[Bindable] private var _myData;
public function set myData(value:Object):void
{
    _myData = value;
    doSomeLogic();
}
```
Encore mieux serait d'utiliser Flex invalidation cadre pour optimiser les performances:
```
_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()
    }
}
```
Ce modèle est utilisé partout dans tous les composants uicomponents qui composent la structure Flex. Vous pouvez aussi avoir besoin de remplacer updateDisplayList(...) pour positionner les éléments.

ah, c'est ce dont j'ai besoin. J'aime aussi que l'invalidation cadre.

OriginalL'auteur cliff.meyers
2

Façon la plus simple est juste pour accéder à l'autre composant.
```
<Component1 name="component1/>

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

private function onClickHandler(event:MouseEvent):void
{
    component1.property1 = "Random data";
    component1.sendData("Random Data");
}
```
Lorsque vous définissez un bindable propriété publique dans composant1, il va soulever une PropertyChangedEvent, que vous pouvez manipuler.

Vous avez beaucoup d'options ici, de voir celui qui est le meilleur dans le contexte de ce que vous essayez de faire.

EDIT: Lire la suite de ce que je pense que vous êtes en train de faire, vous essayez d'accéder à component3 de component2, mais component3 n'est pas readiily visible à component1? Il est toujours accessible par le biais de component2 que, (Composants ont tendance à être des membres du public).
```
private function component1OnClickHandler(event:MouseEvent):void
{
     component2.component3.property1 = "Random data";
}
```
Espérons que cette aide!

cela semble fonctionner pour moi. Est-ce une mauvaise idée si j'envoi un même à partir d'un composant à l'intérieur de la composante 1, les captures que dans l'application MXML, puis définissez les données de la composante 3? Il fonctionne, mais il ne semble pas que la meilleure façon de faire les choses.
jamais l'esprit, ressemble à la liaison de données est la solution, je suis après

OriginalL'auteur CookieOfFortune
0

Je suis tombé sur ce problème récemment !!
Voici donc comment j'ai surmonté ça au cas où quelqu'un a besoin de 5 ans en bas de la ligne 😉

Ce lien résout le problème de beaucoup.
- Créer un Événement personnalisé en classe avec les données requises pour être passé en tant que membres de cette classe(comme le montre ici).
- Envoi d'un événement personnalisé de Component1
```
dispatchEvent(new CustomEvent("customEvent",myData));
```
- Créer une méthode dans Component2 qui prend myData comme argument
- Ajouter EventListener dans le Composant parent et l'appel à la méthode dans Component2 passant événement.myData
OriginalL'auteur GoldRoger

Vous devez vous connecter pour publier un commentaire.