Trynig to access a variable in another mxml

Question

Hi All,
I'm looking for some guidance here as I am new to Flex. I
have a datagrid with two colums at the end that contain item
renderers. The idea is to allow the user to cick an edit or delete
icon to edit or delete that row. I"m using a component mxml file
for each renderer and can not figure out how to access values from
the calling application. Since all my web service code etc. is in
the parent application, I need to figure out how to access it.
I have been reading various books and blogs and have tried
setting up an event handler in both mxml files but I am unable to
get the parent mxml to get the event. Below is some sample code.
Any ideas?
This is the component mxml file . . .
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="
http://www.adobe.com/2006/mxml"
horizontalAlign="center">
<mx:Metadata>
[Event( name = "editCurrentHandler", type =
"flash.events.Event" ) ]
</mx:Metadata>
<mx:Script>
<![CDATA[
private function clickHandler() : void
import mx.controls.Alert;
Alert.show( "Called clickHandler in edit item renderer" );
var eventObj:Event = new Event( "editCurrentHandler" );
dispatchEvent( eventObj );
]]>
</mx:Script>
<mx:Image id="imageDelete" source="images/bluepencil.gif"
width="20" click="clickHandler()"/>
</mx:HBox>
This is an excerpt of the parent mxml file . . .
private function initApp() : void
wsProjectInformation.getControlsProjects.send();
addEventListener( "editCurrentHandler", editCurrentHandler
addEventListener( "deleteCurrentHandler",
deleteCurrentHandler );
public function editCurrentHandler() : void
Alert.show( "Edit was clicked!" );
public function deleteCurrentHandler() : void
Alert.show( "Delete was clicked!" );
<mx:DataGrid id="dataGridDeliverables" visible="false"
dataProvider="{wsProjectInformation.getProjectDeliverableDocuments.lastResult}"
change="getProjectTasks()">
<mx:columns>
<mx:DataGridColumn headerText="ID #"
dataField="projectDeliverableID" width="50"/>
<mx:DataGridColumn headerText="Description"
dataField="projectDeliverableName" width="200"/>
<mx:DataGridColumn headerText="Est. Hours"
dataField="projectEstHours" width="80"/>
<mx:DataGridColumn headerText="Est. Dollars"
dataField="projectEstDollars" width="80"/>
<mx:DataGridColumn width="20"
itemRenderer="com.psc.components.editRenderer"/>
<mx:DataGridColumn width="20"
itemRenderer="com.psc.components.deleteRenderer"/>
</mx:columns>
</mx:DataGrid>

Answer 1

I don't mean to be a pest but I'm still struggling with this.
. .I must be a goof but when I do that, the event comes from my
data grid not my item renderer.
<mx:DataGrid id="dataGridDeliverables" visible="false"
dataProvider="{wsProjectInformation.getProjectDeliverableDocuments.lastResult}"
click="dgDeliverableClickHandler( event )">
<mx:columns>
<mx:DataGridColumn headerText="ID #"
dataField="projectDeliverableID" width="50"/>
<mx:DataGridColumn headerText="Description"
dataField="projectDeliverableName" width="200"/>
<mx:DataGridColumn headerText="Est. Hours"
dataField="projectEstHours" width="80"/>
<mx:DataGridColumn headerText="Est. Dollars"
dataField="projectEstDollars" width="80"/>
<mx:DataGridColumn width="20"
itemRenderer="com.psc.components.editRenderer"/>
<mx:DataGridColumn width="20"
itemRenderer="com.psc.components.deleteRenderer"/>
</mx:columns>
</mx:DataGrid>
private function dgDeliverableClickHandler( event:Event ) :
void
if( event.currentTarget.id == "imageEdit" )
editCurrentHandler();
else if( event.currentTarget.id == "imageDelete" )
deleteCurrentHandler();
else
getProjectTasks();
private function editCurrentHandler() : void
Alert.show( "Edit was clicked!" );
private function deleteCurrentHandler() : void
Alert.show( "Delete was clicked!" );