L'événement Itemclick dans datagrid

Question

Le problème peut être résumé comme lorsque vous cliquez sur un élément dans datagrid, la zone de texte affiche la valeur de l'élément, mais ici les composants sont séparés et donc les événements doivent être distribués.

My mxml component file : 

<?xml version="1.0" encoding="utf-8"?> 
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml" itemClick="itemClickEvent(event);" creationComplete="init()"> 

<mx:Metadata> 
    [Event(name="IdSelected", type="one.IdEvent")] 
</mx:Metadata> 

<mx:Script> 
<![CDATA[  import genericReport.*; 
       import crewUtilization.*; 
       import utils.*; 
       import studies.*; 
       import mx.rpc.events.FaultEvent; 
       import mx.rpc.events.ResultEvent; 
       import mx.controls.Alert; 
       import mx.events.ListEvent; 


     private function itemClickEvent(event:ListEvent):void 
     { 
      var _study:Object=event.currentTarget.selectedItem.study; 
      dispatchEvent(new IDEvent(_ID));  
     } 


]]> 

</mx:Script> 

<mx:columns> 

<mx:DataGridColumn dataField="name" /> 
<mx:DataGridColumn dataField="userId" /> 
</mx:columns> 
</mx:DataGrid> 

/////////////////////////////////////////// ////////////////////

Ceci est mon principal MXML dossier de candidature:

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:custom="*"> 
<mx:TitleWindow label="Scenario Creation" xmlns:mx="http://www.adobe.com/2006/mxml" 
xmlns:ns1="ccCreation.*"> 

<mx:Label text="CC CREATION" width="100%" /> 
<mx:VBox width="100 %" styleName="scenariovboxStyle"> 

<custom:studySelector id="dg" /> 
</mx:VBox> 
</mx:TitleWindow> 
</mx:Application> 

Answer 1

Je pense qu'il pourrait être mieux pour STUDYID de se référer à le dataGrid plutôt que le dataGrid faisant référence à studyId. Vous pouvez ajouter à votre principale MXML:

<mx:TextArea id="studyId" text="{dataGrid.selectedItem.Study}"/> 

Cela devrait fonctionner parce que TextArea.text répondra à la propriété événement a changé de DataGrid.selectedItem, il changera chaque fois que les changements de sélection.

EDIT: Distribution d'événements:

Vous pouvez distribuer un événement de tout lieu dans votre code, et les auditeurs pourront écouter cet événement. Par exemple:

<mypackage:MyComponent> 
... 
private function foo():void 
{ 
    dispatchEvent(new MouseEvent(MouseEvent.CLICK)); // Dispatches a mouse event whenever foo is called. 
} 

Maintenant vous pouvez écouter cet événement:

<mypackage:MyComponent id="myComponent"/> 
... 
myComponent.addEventListener(MouseEvent.CLICK, mouseClickHandler); 

private function mouseClickHandler(event:MouseEvent):void 
{ 
    ... // code to handle that event here. 
} 

Hope this helps!

<mx:MainComponent creationComplete="init()" ...> 
    ... 
    private function init(event:Event):void 
    { 
     ... 
     customComponent.addEventListener(StudyEvent.STUDYSELECTED, studySelectedListener); 
     ... 
    } 

    private function studySelectedListener(event:StudyEvent):void 
    { 
     studyid.text = event.study.studyId; // or wherever you store your studyId value 
     ... 
    } 
    ... 
<mx:MainComponent/> 

Ce qui se passe est chaque fois qu'un événement StudyEvent.STUDYSELECTED est tiré de votre CustomComponent, il sera pris par votre fonction principale et studySelectedListener sera appelée.