como paso un evento desde un itemRenderer

en un tileList tengo un componente en el itemRenderer

y quiero pasarle un evento que hice en el componente,
el componente es así:

Código :

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="200" height="280">
   
<mx:Metadata>
    [Event(name="clickPhoto", type="flash.events.Event")]
</mx:Metadata>


<mx:Script>
<![CDATA[
import flash.events.Event;
public function apreto(url:String):void
   {
   dispatchEvent(new Event("clickPhoto"));
   }
]]>   

</mx:Script>

<mx:VBox horizontalAlign="center" click="apreto('{data.@url}')"    
    borderStyle="none" width="200" height="280" horizontalScrollPolicy="off" 
    verticalScrollPolicy="off" verticalAlign="middle">    
   <mx:Image id="image" width="180" height="240" source="{data.@url}"/>
    <mx:Label text="{data.@name}" width="170" textAlign="center"/>
</mx:VBox>
</mx:Canvas>

y en el tileList intento poner el metodo pero no lo encuentra.

Código :

<mx:TileList width="100%" height="100%" rowHeight="280" columnWidth="210"
         itemRenderer="Thumbnail" clickPhoto="apretoItem();" id = "tile"></mx:TileList>

Esto mismo hago cuando uso componentes, pero al usarlo con itemRenderer
es obvio que no puedo crear un evento en el tileList,
no encuentro la forma de comunicarme entre el componente que tiene itemRenderer y el tileList

Creo que lo que necesitas ya esta incluido; en el TileList escucha por el evento itemClick, veras que tiene la informacion que necesitas.