How to Reference What Was Clicked in a TileList using an ItemRenderer

Question

Hi,
I've got a Tilelist and I'm using an ItemRenderer, which is a Button.
I don't understand how to reference what was clicked. So, if the first tile (which is the first Obect) is clicked, how do I know that that particular one was clicked.
<mx:TileList 
    id="myTL"
    dataProvider="{myAC}"
    width="400"
        height="400"
        columnCount="2"
        rowCount="2" />
<mx:ArrayCollection id="myAC">
    <mx:Array>
    <mx:Object id="first" label="1" />
    <mx:Object label="2" />
    <mx:Object label="3" />
    <mx:Object label="4" />
    </mx:Array>
</mx:ArrayCollection>
ItemRenderer:
<mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"
click="Alert.show( 'This was Clicked')">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
</mx:Button>
Thank you.
-Laxmidi

Answer 1

Hi Laxmidi,
Using the itemClick event you can acheive this using the event Object. Check the sample code below:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.events.ListEvent; 
import mx.controls.List; 
import mx.controls.Alert; 
import mx.events.ItemClickEvent; 
private function onItemClick(event:ListEvent):void
var strAlert:String = "Item Row Index Clicked : " + event.rowIndex + "\n";strAlert +=
"Item Column Index Clicked : " + event.columnIndex + "\n";Alert.show(strAlert);
]]>
</mx:Script>
<mx:TileList id="myTL" dataProvider="{myAC}" itemClick="onItemClick(event)" width="400" height="400" columnCount="2" rowCount="2">
<mx:itemRenderer>
<mx:Component>
<mx:Button xmlns:mx="http://www.adobe.com/2006/mxml" click="Alert.show( 'This was Clicked')">
<mx:Script>
<![CDATA[
import mx.controls.Alert;]]>
</mx:Script>
</mx:Button>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
<mx:ArrayCollection id="myAC">
<mx:Array>
<mx:Object id="first" label="1" />
<mx:Object label="2" />
<mx:Object label="3" />
 <mx:Object label="4" />
 </mx:Array>
 </mx:ArrayCollection>
 </mx:Application>
You can also try this by writing the Click event on the Button in the TileList itemRenderer as well where you can access easily the data of the itemClicked easily using the data Object.
Thanks,
Bhasker