title: How to access plugin in ExtJs MVC
body: <p>I am trying to add a toolbar to my grid with an "Add New Record" button.</p>
  
  <p>The code example provided by Sencha is here:</p>
  
  <pre><code>var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
          clicksToMoveEditor: 1,
          autoCancel: false
      });
  
      // create the grid and specify what field you want
      // to use for the editor at each column.
      var grid = Ext.create('Ext.grid.Panel', {
          store: store,
          tbar: [{
              text: 'Add Employee',
              iconCls: 'employee-add',
              handler : function() {
                  rowEditing.cancelEdit();
  
                  // Create a model instance
                  var r = Ext.create('Employee', {
                      name: 'New Guy',
                      email: 'new@sencha-test.com',
                      start: new Date(),
                      salary: 50000,
                      active: true
                  });
  
                  store.insert(0, r);
                  rowEditing.startEdit(0, 0);
              }
          }],
          //etc...
      });
  </code></pre>
  
  <p>Example:  <a href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/row-editing.html" rel="nofollow">http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/row-editing.html</a></p>
  
  <p>I am having trouble applying this to my code since I use the MVC pattern.  This is my code:</p>
  
  <pre><code>Ext.define('RateManagement.view.Grids.AirShipmentGrid', {
      extend: 'Ext.grid.Panel',
      xtype: 'AirShipmentGrid',
      plugins: [
          {
              clicksToMoveEditor: 1,
              autoCancel: false,
              ptype: 'rowediting'
          },
          'bufferedrenderer'
      ],
      tbar: [{
              text: 'Add Rate',
              //iconCls: 'rate-add',
              handler : function() {
                  rowEditing.cancelEdit(); // rowEditing is not defined...
  
                  // Create a model instance
                  var r = Ext.create('Employee', {
                      name: 'New Guy',
                      email: 'new@sencha-test.com',
                      start: new Date(),
                      salary: 50000,
                      active: true
                  });
  
                  store.insert(0, r);
                  rowEditing.startEdit(0, 0); // rowEditing is not defined...
              }
          }],
      // etc...
  });
  </code></pre>
  
  <p>How can I access the "rowEditing" plugin so as to call it's required methods?</p>