title: cancel process without using delay task
body: <p>I have the following delay task in the below method:
   exportDataToCSV: function () {</p>
  
  <pre><code>var me = this,
      grid = this.option.up('grid');      
  
  var mask = Ext.widget('processingmessagebox', {
      target: grid,
      progressMessage: 'exporting',
      isProcessing: true,
      targetFunctions: {
          ConfirmCancelClick: me.stopExportingData
      }
  });
  mask.getViewModel().set({ ShowCancelBox: 'block' });
  var grdStore = grid.getStore();
  var grdProxy = grdStore.getProxy();
  exportData = new Ext.util.DelayedTask(function () {
  
          me.printDataToCSV(grid, mask);
  
  });
  exportData.delay(2000);
  </code></pre>
  
  <p>},</p>
  
  <pre><code>stopExportingData: function () {
      exportData.cancel();
  }
  </code></pre>
  
  <p>This is working fine. But, I am  trying to cancel the "exportdata" process without using delay task. Any suggestions on this?</p>