title: Grid - button click handler
body: <p>In my <code>Grid</code>, when I click on the Action button (the delete and edit button shown in the code below), I need to pop open a window without alerting the user with a Alert message;</p>
  
  <p>In the following code I am using a HANDLER <code>handler: buttonClicked</code> and trying to access the row value i clicked from a different function below</p>
  
  <pre><code>buttonClicked :function (){...}
  </code></pre>
  
  <ol>
  <li><p>I don't know how to do this, can someone please help me ?</p></li>
  <li><p>Can i access the row I clicked and display its name from the <code>Controller</code> class ?</p></li>
  </ol>
  
  <hr>
  
  <p><strong>CODE SNIPET</strong></p>
  
  <pre><code>Ext.define('CountryAppTest.view.user.Gridview', {
      extend: 'Ext.grid.Panel',
      initComponent: function() {
          this.store = 'store';
          this.columns = [{
              xtype: 'ac',
              items: [{
                  icon: 'lib/extjs/examples/restful/images/delete.png',
                  handler: buttonClicked
              }]
          }, {
              text: "username",
              dataIndex: 'username'
          }];
          this.viewConfig = {
              forceFit: true
          };
          this.callParent(arguments);
      },
      buttonClicked: function(grid, rowIndex, colIndex) {
          var rec = grid.getStore().getAt(rowIndex);
          Ext.Msg.alert("Info", "name " + rec.get('username'));
      }
  });
  </code></pre>