PROSAGA码农传奇-生产运营/行业运营-如何在Sencha ExtJS v6中中止/取消商店的加载操作？

<div class =“post-text”itemprop =“text”>
  
    在ExtJS的6.0.2版中，有些东西已经改变了
     <code>
 Operation
 </code>
     上课有和
     <code>
 abort
 </code>
     方法
  
  
    没有getOperation方法，但有
     <code>
 beforeload
 </code>
     这对抓取操作很有用。
  
  
    通过收集一个或多个操作，您可以安全地
     <code>
 abort
 </code>
     他们在开始新的操作之前。
  
  
    以下的Typescript类将有所帮助：
  
   <pre>
 <code>
 module ext_ts {
interface Abortable {
 abort(): void
}

export class AutoAbortPreviousOperation {
 private _storeOperations: Array<Abortable> = []

applyOnStore(store): any {
        let me = this

return store.on({
            destroyable: true,
            beforeload: function (theStore, operation, eOpts) {
                let lastOperation = me._storeOperations.pop()

if (lastOperation) {
                    console.log("aborting previous operation safely")

lastOperation.abort()   //this abort is safe so no need to check !lastOperation.isComplete()
                } else {
                    //nop
                }

me._storeOperations.push(operation)    //add this operation for later usage

return true //let the loading begin
            }
        })
    }
}
}

</code>
 </pre>
  
    请注意
     <code>
 statusCode
 </code>
     用户强制取消的请求是：
    的
      -1
    </强>
  
  
    有用的链接：
  
  <UL>
    <LI>
      <a href="http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.operation.Operation.html" rel="nofollow">
        http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.operation.Operation.html
      </A>
    </LI>
    <LI>
      <a href="http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.proxy.Proxy.html" rel="nofollow">
        http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.proxy.Proxy.html
      </A>
    </LI>
    <LI>
      <a href="http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.Store.html" rel="nofollow">
        http://docs.sencha.com/extjs/6.0.2-classic/Ext.data.Store.html
      </A>
    </LI>
  </UL>
</DIV>