Flex link to internal mxml component

Question

I have text.mxml component. that is showing me the following:
<mx:DataGrid id="dgShowHistory" width="100%">
   <mx:columns>
    <mx:DataGridColumn headerText="ID"/>
    <mx:DataGridColumn headerText="Case Number"/>
    <mx:DataGridColumn headerText="Group Number"/>
    <mx:DataGridColumn headerText="Case Name"/>
    <mx:DataGridColumn headerText="Status"/>
   </mx:columns>
  </mx:DataGrid>
Now the in the Case Number column I want to add a link to SearchCaseNumber.mxml...
So lets say the Case Number has the following:
Case Number
1234
1235
1236
I want these to be highlighted as link and when I click on these It takes me to the SearchCaseNumber.mxml put the 1234 automatically in search and if possible populate all the fields based on this.
In SearchCaseNumber.mxml
<mx:TextInput id="CaseSearch" width="81"/>

Answer 1

I was trying to implement what you mentioned but I’m not an expert in the coding yet. Can you help me with the code and how it looks like?
Here is my code… text.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
                        layout="vertical"
                        width="1000"
                        height="800"
                        titleStyleName="popWindowTitle"
                        horizontalScrollPolicy="off">
<mx:Script>
   <![CDATA[
      import mx.formatters.DateFormatter;
      import mx.managers.PopUpManager;
      import mx.containers.TitleWindow;
      import mx.controls.Text;
      import mx.controls.ComboBox;
      import mx.core.Application;
      import mx.utils.ArrayUtil;
     import mx.controls.Alert;
      import mx.collections.ArrayCollection;
      import mx.rpc.events.ResultEvent;
      import mx.rpc.events.FaultEvent;
      import mx.controls.dataGridClasses.DataGridColumn;
      import com.component.coverage;
      [Bindable]
      private var CaseNumber:ArrayCollection = new ArrayCollection();
      private function handle_recordCaseNumber(event:ResultEvent):void
            CaseNumber = event.result as ArrayCollection;
    ]]>
</mx:Script>
            <mx:RemoteObject id="CaseNumberCreate"
                         destination="ColdFusion"
                         source="Text.cfc.CaseNumber"
                         showBusyCursor="true">
            <mx:method name="getCaseNumber"
                          result="handle_recordCaseNumber(event)"
                           fault="Alert.show(event.fault.message)"/>                     
            </mx:RemoteObject>
<mx:DataGrid x="800" y="650" id="CaseNumberGrid" dataProvider="{CaseNumber}"  creationComplete="{CaseNumberCreate.getCaseNumber()}"
height="639"
width="823">     
   <mx:columns>
      <mx:DataGridColumn headerText="ID" dataField="ID"/>
      <mx:DataGridColumn headerText="Case Number" dataField="Case_Number"/>
      <mx:DataGridColumn headerText="Group Number" dataField="Group_Number"/>  
      <mx:DataGridColumn headerText="Case Name" dataField="Case_Name"/>
      <mx:DataGridColumn headerText="Status" dataField="Status"/>
   </mx:columns>
</mx:DataGrid>   
</mx:TitleWindow>
My SearchCaseNumber.mxml looks like the following:
<mx:Label text="Enter Case Number Here:" fontWeight="normal" textAlign="center"/>
<mx:TextInput id="CaseSearch" width="81" fontFamily="Arial"/>
<mx:Button label="Search" click="findCase()"/>
private function findCase():void
                  if (CaseSearch.text == "")
                  Alert.show("Enter the Case Number", "Error");
                  else
                  roCreate.returnCaseInfo(CaseSearchSearch.text);
                  roCreate.returnGroupInfo(CaseSearch.text);
Please let me know if you can help me… Thanks…