pass data from 1 child to another child

Question

I have a main parent application with 2 children (the children are siblings). I am trying to pass data from sibling1 to parent and then to sibling2 but can't quite figure out how to do it. Here's code from the parent:

<fx:Script>
<![CDATA[

[Bindable] private var _myData;

public function set myData(value:Object):void{
    _myData=sibling1.autoComplete.selectedItem;
}

]]>
</fx:Script>

<local:sibling1 myData="{myData}"/>
<local:sibling2 />

In sibling1 I have a search box named autoComplete. In sibling2 I need to echo the item I selected from sibling1.

I'm trying to pass the data from sibling1 to the parent and then to sibling2 (and then to siblings 4,5,6,etc., so I imagine this makes the most sense?)

Answer 1

For echoing the selected value in another component (I'm assuming your data providers contain simple strings here), you can just bind to the selected item like so:

<s:Label text="{sibling1.autoComplete.selectedItem}"/>

Answer 2

I think making your application event driven will make the most sense.

What you should do (IMHO) is dispatch the event from the component to the parent component and then do whatever you want from the parent to the children (siblings of the dispatching component).

This will also decouple your code and will make your components reusable.

Good luck