PLUpload不Extj 5

Question

工作請找PLUpload的小提琴對ExtJS的4和5

Fiddle with Extjs 4 [WORKING] 

    http://jsfiddle.net/jaspreets/dvsbsgse/ 

Fiddle with Extjs 5 [NOT WORKING] 

    http://jsfiddle.net/jaspreets/797sLzsn/ 

請告訴我，爲什麼它沒有與ExtJS的工作 - 5。 這可能是什麼可能的解決方案？

在此先感謝。

Answer 1

您需要遷移PLUpload插件。爲此，您需要在插件中進行一些更改。

Button.js：

/** 
* @class Ext.ux.upload.Button 
* @extends Ext.button.Button 
* 
* @author Harald Hanek (c) 2011-2012 
* @license http://harrydeluxe.mit-license.org 
*/ 
Ext.define('Ext.util.multiupload.Button', { 
    extend: 'Ext.button.Button', 
    alias: 'widget.uploadbutton', 
    requires: ['Ext.util.multiupload.Basic'], 
    disabled: true, 

    listeners: { 
    boxready: function() { 
     var me = this; 
     Ext.applyIf(me.config.uploader, { 
      browse_button: me.config.id || me.getId() 
     }); 

     me.uploader = me.createUploader(); 
     me.uploader.initialize(); 
     me.plugins[0].initializeComponent(me); 

     me.relayEvents(me.uploader, ['beforestart', 
      'uploadready', 
      'uploadstarted', 
      'uploadcomplete', 
      'uploaderror', 
      'filesadded', 
      'beforeupload', 
      'fileuploaded', 
      'updateprogress', 
      'uploadprogress', 
      'storeempty' 
     ]); 
    } 
}, 

/** 
* @private 
*/ 
createUploader: function() { 
    return Ext.create('Ext.util.multiupload.Basic', this, Ext.applyIf({ 
     listeners: {} 
    }, this.initialConfig)); 
} 
}); 

Basic.js： ADDEVENTS刪除。將商店更改爲此。

me.store = Ext.create('Ext.data.JsonStore', { 
     fields: ['id', 'loaded', 'name', 'size', 'percent', 'status', 'msg'], 
     listeners: { 
      load: me.onStoreLoad, 
      remove: me.onStoreRemove, 
      update: me.onStoreUpdate, 
      scope: me 
     } 
    }); 

onStoreRemove方法的第二個參數是一個數組。所以拿第一個元素。

Window.js： 刪除Id「form-statusbar」。將init函數重命名爲initializeComponent。

它應該現在工作。