title: ExtJS grid: handling action column's click event in the controller
body: <p>I have a view 'EmployeeList'. Inside it there is a grid. I need to handle the actioncolumn's click event from controller. Here is the view:</p>
  
  <pre><code>Ext.define('ExtApp.view.Employees', {
      extend: 'Ext.panel.Panel',
      alias: 'widget.employees',
  .
  .
  .
  .
  .
  });
  </code></pre>
  
  <p>This view contains a grid:</p>
  
  <pre><code>xtype: 'grid',
  columns:[{
  .
  .
  .
  .
  xtype: 'actioncolumn',
                  text: 'Delete',
                  width: 100,
                  items: [{
                      icon: 'images/deleteEmployee.jpg',
                      tooltip: 'Delete'
                  }]
  }]
  </code></pre>
  
  <p>How do I handle the actioncolumn's click event in my controller?</p>
  
  <p>Here is the controller's code:</p>
  
  <pre><code>Ext.define('ExtApp.controller.Employees', {
      extend: 'Ext.app.Controller',
      refs: [{
          ref: 'employees',
          selector: 'employees'
      }],
      init: function () {
          //reference for the grid's actioncolumn needed here
  
      }
  });
  </code></pre>