Click Event of Images in a DataGrid

[kiratjohal]

Hi,

I am using DataGrid component in my flex web Application. I am loading images in one of its column, means each row has an image. I have added a click event to the image. Last row's image click handler is working but the above images when clicked gives error as:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
   at mx.controls::DataGrid/mouseDownHandler()
[C:\autobuild\3.3.0\frameworks\projects\framework\src\mx\controls\DataGrid.as:4314]

I have used ItemRendered to add image as:

Code:

<mx:DataGridColumn  headerText="    " width="30" dataField="Tendency" textAlign="center" >
         <mx:itemRenderer>
    <mx:Component>
                <mx:Image source="assets/images/plus.png" name="status" height="19" width="19" click="outerDocument.fnImageClicked()" />
             </mx:Component>
         </mx:itemRenderer>
      </mx:DataGridColumn>

I have tried the both with flex 3.0.0 and 3.3.1.Flash player version 10
I am doing anything wrong?

[sathish]

create public function in script block

public function fnImageClicked():void{
}

on image click

this.parentDocument.fnImageClicked().


it will work