title: How can I know when a Button in a Flex DataGrid itemRenderer is clicked?
body: <p>I have a DataGrid component that displays a few columns of data. It has one additional column that displays a Button that allows the user to take an action with regard to the record. </p>
  
  <pre><code>&lt;mx:DataGrid dataProvider="{myData}"&gt;
      &lt;mx:columns&gt;
          &lt;mx:DataGridColumn dataField="firstName" headerText="First Name" 
              width="75" /&gt;
  
          &lt;mx:DataGridColumn dataField="LastName" headerText=" Last Name" 
              width="150" /&gt;
  
          &lt;mx:DataGridColumn dataField="phone" headerText="Phone" 
              width="120" /&gt;
  
          &lt;mx:DataGridColumn headerText="" width="110"&gt;
              &lt;mx:itemRenderer&gt;
                  &lt;mx:Component&gt;
                      &lt;mx:Box horizontalAlign="center" width="100%"&gt;
                          &lt;mx:Button label="Take Action" /&gt;
                      &lt;/mx:Box&gt;
                  &lt;/mx:Component&gt;
              &lt;/mx:itemRenderer&gt;
          &lt;/mx:DataGridColumn&gt;
      &lt;/mx:columns&gt;
  &lt;/mx:DataGrid&gt;
  </code></pre>
  
  <p>I need to perform an action in the parent component, using other data that is available there, but unrelated to the data in the DataGrid.</p>
  
  <p>What is the best way to catch the Button click in the parent component, and know what record it corresponds to?</p>
  
  <p>Should I use a Custom Event, or an itemEditor, or something else completely?</p>