[flexcoders] Trouble passing data between components

[Jack OMelia]

Hi All,

I'm more of a designer than a developer, and as such my coding skills
are not outstanding, so bear with me.

I have an application with custom components inside a viewstack. In one
component I have a datagrid and I would like to have data from the
selected row of the datagrid populate text fields in a separate
viewstack child, and I can't seem to get this to work.

Here is the viewstack (edited to show just the relevant sections):

<mx:ViewStack x="0" y="71" id="viewstackMain" width="100%"
height="100%">
         <mx:Canvas label="ViewAssurance" width="100%" height="100%"
id="ViewAssurance">
             <mx:Image x="0" y="0" source="images/banner.gif"
width="1003"/>
             <mx:Label x="10" y="0" text="Assurance Tests"
fontFamily="Verdana"
                 fontWeight="bold" fontSize="11" color="#ffffff"/>
             <mx:Label x="235" y="0" text="Summary"
                 fontFamily="Verdana" fontWeight="bold" fontSize="11"
color="#ffffff"/>
             <at:assuranceQueryForm x="0" y="19" />
             <at:assuranceTestResults x="225" y="20" />
         </mx:Canvas>
         <mx:Canvas label="ViewAssuranceTest" width="100%" height="100%"
id="ViewAssuranceTest" buttonMode="true" >

             <mx:Canvas x="192" y="38" width="774" height="100"
                 backgroundColor="#dddddd" borderStyle="solid"
                 borderColor="#bbbbbb" cornerRadius="8"
id="cvsATGeneral">
                 <mx:Label x="10" y="10" text="Name:"/>
                 <mx:Text x="82" y="37" text="" id="txtATDetailsName"/>
                 <mx:Label x="10" y="37" text="Description:"/>
                 <mx:Text x="82" y="10" text="" id="txtATDetailsDesc"/>
             </mx:Canvas>
             <mx:Label x="207" y="29" text="General" fontFamily="Arial"
                 fontWeight="bold" fontSize="11" color="#000099"/>
             <at:assurenceTestDetails x="192" y="150" 
id="assurenceTestDetails"/>
         </mx:Canvas>
     </mx:ViewStack>

The datagrid is in the component instantiated in the "ViewAssurance"
viewstack child at <at:assuranceTestResults x="225" y="20" />, and the
datagrid code is here:

     <mx:DataGrid x="10" y="35" width="765" height="258" rowHeight="18"
         headerColors="[#ed8e5f, #ed8e5f]" headerHeight="20"
borderColor="#666666"
         id="dgAssuranceResults"  selectedIndex="0" wordWrap="false"
         alternatingItemColors="[#dddddd,#cccccc]" textAlign="left"
         dataProvider="{assuranceTestsXML.item}" >
         <mx:columns>
             <mx:DataGridColumn headerText="Task Name"
dataField="taskName" width="250"
                 headerRenderer="comps.cmpHeaderRenderer"/>
             <mx:DataGridColumn headerText="Enabled" sortable="false"
width="70"
                 editable="true" rendererIsEditor="true"
                 headerRenderer="comps.cmpHeaderRenderer"
                 itemRenderer="comps.ckbxAssurRenderer"/>
             <mx:DataGridColumn headerText="Frequency"
dataField="frequency"
                 headerRenderer="comps.cmpHeaderRenderer"/>
             <mx:DataGridColumn headerText="Last Run" dataField="lastRun"
                 headerRenderer="comps.cmpHeaderRenderer"/>
             <mx:DataGridColumn headerText="Next Run" dataField="nextRun"
                 headerRenderer="comps.cmpHeaderRenderer"/>
             <mx:DataGridColumn headerText="Task Running"
sortable="false" width="100"
                 editable="true" rendererIsEditor="true"
                 headerRenderer="comps.cmpHeaderRenderer"
                 itemRenderer="comps.checkboxRenderer"/>
         </mx:columns>
     </mx:DataGrid>

If they were part of the same file I would use something like:

<mx:Text x="82" y="37" text="{dgAssuranceResults.selectedItem.taskName}"
id="txtATDetailsName"/>

but I need a more explicit path between the two. I've tried
"Application.application.viewstackMain..etc,etc," but whatever
combinations I try don't work.

What am I missing here?

Thanks,
Jack