[flexcoders] Re: Custom Components & Data

[Andrew]

Here i am kinda confused so here is the code so you can see what i mean.

Code of Main app.mxml
[Code]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
    creationComplete="teamRequest.send()" layout="absolute"
xmlns:ns1="bin.myComponents.*" xmlns:ns2="myComponents.*">
        
    <mx:HTTPService 
        id="teamRequest" url="./data.php" useProxy="false"/>
        <mx:Script>
        
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </mx:Script>
        <mx:Panel width="35%" layout="absolute" id="teamDB" left="10"
top="10" height="50%">
        <mx:DataGrid id="teams" width="100%" height="100%"
dataProvider="{teamRequest.lastResult.teams.item}" textAlign="center"
                   itemClick="currentState='details'">
            <mx:columns>
                <mx:DataGridColumn headerText="Teams Number"
dataField="team_number"/>
                <mx:DataGridColumn headerText="Team Name"
dataField="team_name"/>

            </mx:columns>
        </mx:DataGrid>
        </mx:Panel>
        <mx:VBox y="10" width="60%" height="95%" borderStyle="solid"
cornerRadius="6" backgroundColor="#FFFFFF" backgroundAlpha="0.4"
right="10">
                <ns2:details>
                </ns2:details>

        </mx:VBox>

</mx:Application> 


[/Code]

Now Details Component Code

[Code]
<?xml version="1.0" encoding="utf-8"?>     
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%"
height="100%">
                    <mx:TextArea x="109.5" y="224" width="311" 
                    htmlText="{teams.selectedItem.info}"  height="91"
editable="false"/>
                    <mx:Button x="6" label="&lt;- Back" id="back"
click="currentState=''" bottom="9"/>
                    <mx:Image x="265" y="10" width="200" height="200"
scaleContent="true" data="{teams.selectedItem.picture}"/>
                    <mx:Text x="2" y="48" text="Team Number:"
fontFamily="Verdana" fontWeight="bold"/>
                    <mx:Text x="2" y="74" text="Height / Weight:"
fontFamily="Verdana" fontWeight="bold"/>
                    <mx:Text x="2" y="100" text="Drivetrain:"
fontFamily="Verdana" fontWeight="bold" width="67"/>
                    <mx:Text x="2" y="126" text="Autonomous:"
fontFamily="Verdana" fontWeight="bold"/>
                    <mx:Text x="23.5" y="225" text="Extra Info:"
fontFamily="Verdana" fontWeight="bold"/>
                    <mx:TextArea x="10" y="10" width="225" 
                    htmlText="{teams.selectedItem.team_name}" 
height="29" editable="false" fontSize="21" fontWeight="bold"
borderStyle="solid" backgroundAlpha="0.0" color="#000000"/>
                    <mx:TextArea x="109.5" y="47" width="125.5" 
                    htmlText="{teams.selectedItem.team_number}" 
height="19" editable="false"/>
                    <mx:TextArea x="109.5" y="73" width="125.5" 
                    htmlText="{teams.selectedItem.autonomous}" 
height="19" editable="false"/>
                    <mx:TextArea x="109.5" y="99" width="125.5" 
                    htmlText="{teams.selectedItem.drivetrain}" 
height="19" editable="false"/>
                    <mx:TextArea x="109.5" y="125" width="125.5" 
                    htmlText="{teams.selectedItem.height_weight}" 
height="19" editable="false"/>

</mx:Canvas>
[/Code]

Now what i am trying to do is get it so that when i click on the
infomation in the main datagrid that i will show it in the custom
component.


Thanks.....