Trabalhar com ItemRender

 

<?xml version=”1.0″ encoding=”utf-8″?>

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml&#8221; layout=”absolute” creationComplete=”doInit()”>

 

 

<mx:Script>

<![CDATA[

import mx.controls.Alert;

import mx.collections.ArrayCollection;

import mx.controls.Alert;

[Bindable] private var myData:ArrayCollection = new ArrayCollection();

private function doInit():void{

myData.addItem({fname:“Joe”,lname:“Bloggs”});

myData.addItem({fname:“Joe1”,lname:“Bloggs”});

}

 

public  function exibir(): void {

Alert.show(“TESTE”);

}

 

public  function exibir2(): void {

Alert.show(“TESTE  22222222222”);

}

 

]]>

</mx:Script>

<mx:DataGrid x=”150″ y=”96″ dataProvider=”{myData}”>

<mx:columns>

<mx:DataGridColumn headerText=”Column 1″ dataField=”col1″ >

<mx:itemRenderer>

<mx:Component>

<mx:HBox width=”100%” height=”100%” verticalAlign=”middle” horizontalAlign=”center” >

<mx:Image buttonMode=”true” source=”imagem/excluir.png” useHandCursor=”true” click=”outerDocument.exibir()”/>

</mx:HBox>

</mx:Component>

</mx:itemRenderer>

</mx:DataGridColumn>

<mx:DataGridColumn headerText=”Column 2″ dataField=”col2″>

<mx:itemRenderer>

<mx:Component>

<mx:HBox width=”100%” height=”100%” verticalAlign=”middle” horizontalAlign=”center” >

<mx:Image buttonMode=”true” source=”imagem/excluir.png” useHandCursor=”true” click=”outerDocument.exibir2()”/>

</mx:HBox>

</mx:Component>

</mx:itemRenderer>

</mx:DataGridColumn>

</mx:columns>

</mx:DataGrid>

</mx:Application>