Como posso mostrar a imagem de exclusão em cada linha em uma grade de dados? - flex

Eu quero mostrar uma imagem onmouse sobre dentro da grade de dados para cada linha, por isso, se eu clicar nessa imagem, alguma função deve chamar (conforme minha exigência). como posso fazer isso ?

<mx:DataGrid width="320" height="624" verticalScrollPolicy="on" dataProvider="{blocked_Usernames}" editable="true">
<mx:columns>
<mx:DataGridColumn headerText="Blocked User Name" dataField="blockedUsernames" editorDataField="value"/>
<mx:DataGridColumn width="20" editable="false">
<mx:itemRenderer >
<mx:Component >
<mx:Image source="@Embed("assets/image/Close.png")" width="10" height="10"  autoLoad="false"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>

Respostas:

Você precisa criar um novo componente MXML (uma HBox com um rótulo e uma imagem fará o truque) e usá-lo como um itemRenderer.

Você pode checar este exemplo no site da Adobe.