title: How to edit / delete a row in a grid model using a button inside the gird rows?
body: <pre><code>Ext.onReady(function() {
  Ext.define('User', {
      extend: 'Ext.data.Model',
      fields: [ 'name', 'class', 'view', 'edit', 'delete']
  });
  var userStore = Ext.create('Ext.data.Store', {
      model: 'User',
      data: [
          { name: 'Sri Vidhya', class: '6 A'},
          { name: 'Rafla', class: '9 C'},
          { name: 'Fabin', class: '10 B'},
          { name: 'Jayanthi', class: '8 C'},
          { name: 'Sri Vidhya', class: '6 A'},
          { name: 'Rafla', class: '9 C'},
          { name: 'Fabin', class: '10 B'},
          { name: 'Jayanthi', class: '8 C'},
          { name: 'Sri Vidhya', class: '6 A'},
          { name: 'Rafla', class: '9 C'},
          { name: 'Fabin', class: '10 B'},
          { name: 'Jayanthi', class: '8 C'}
      ]
  });
  Ext.create('Ext.grid.Panel', {
      cls: 'custom-grid',
      renderTo: Ext.getBody(),
      store: userStore,
      width: 389,
      height: 200,
      title: 'Student Details',
      columns: [
          {
              text: 'Student Name',
              cls: 'studentName',
              width: 100,
              sortable: true,
              hideable: false,
              dataIndex: 'name'
          },
          {
              text: 'Student Class',
              cls: 'studentClass',
              width: 150,
              sortable : true,
              dataIndex: 'class'   
          },
          {
              xtype:'actioncolumn', 
              width:40,
              tdCls:'delete',
              items: [{
                  icon: 'Delete-icon.png',  // Use a URL in the icon config
                  tooltip: 'Delete',
                  handler: function(grid, rowIndex, colIndex) {
                      var rec = grid.getStore().getAt(rowIndex);
                      //**rec.store.remove();**
                      //rec.store.remove()` is not working. 
  
                      Suggest me the code that will work here to remove the //entire row?
                      alert("Delete " + rec.get('name'));
                  }
              }]
          },
          {
              xtype:'actioncolumn', 
              tdCls:'edit',
              width:40,
              items: [{
                  icon: 'edit-icon.png',  // Use a URL in the icon config             
                  tooltip: 'Edit',
                  handler: function(grid, rowIndex, colIndex) {
                      var rec = grid.getStore().getAt(rowIndex);
                      alert("Edit " + rec.get('name'));
                  }
              }]
          },
          {
              xtype:'actioncolumn', 
              tdCls:'view',
              width:40,
              items: [{
                  icon: 'view-icon.png',  // Use a URL in the icon config         
                  tooltip: 'View',
                  handler: function(grid, rowIndex, colIndex) {
                      var rec = grid.getStore().getAt(rowIndex);
                      alert("View " + rec.get('name'));
                  }
              }]
          }
      ]
  });
  });
  </code></pre>