Jak uzyskać pole przesyłania pliku Sencha do akceptowania wielu plików

Question

Mam aplikację Sencha Ext JS, w której do przesyłania plików używam pola formularza File (Ext.form.field.File). Działa to dobrze, ale chcę, aby użytkownicy mogli wybrać wiele plików do przesłania na raz, na przykład w witrynie Dropbox.com. Mam inny, dla Sencha witryny (w którym miałem bezpośrednią kontrolę nad HTML), gdzie I rozwiązać ten problem za pomocą multiple atrybut elementu INPUT:

<input type="file" name="files" multiple> 

Sencha, jednak nie obsługuje wiele plików w pole przesyłania pliku natywnie, przynajmniej w wersji bieżącej (4.1). Być może istnieje możliwość zmiany wyjścia HTML emitowanego przez Sencha dla elementu <input>, ale nie jestem pewien jak.

Answer 1

Jest to wtyczka do tego może można go używać: http://www.sencha.com/forum/showthread.php?205576-File-upload-with-drag-amp-drop-support&highlight=upload

Demo: http://harrydeluxe.github.com/extjs-ux/example/upload/upload.html

Answer 2

Można utworzyć xtype:

Ext.define('fileupload',{ 
    extend: 'Ext.form.field.Text' 
    ,alias: 'widget.fileupload' 
    ,inputType: 'file' 
    ,listeners: { 
     render: function (me, eOpts) { 
      var el = Ext.get(me.id+'-inputEl'); 
      el.set({ 
       size: me.inputSize || 1 
      }); 
      if(me.multiple) { 
       el.set({ 
        multiple: 'multiple' 
       }); 
      } 
     } 
    } 
}); 

i używać go w formie:

,items: [{ 
     xtype: 'fileupload' 
     ,vtype: 'file' 
     ,multiple: true // multiupload (multiple attr) 
     ,acceptMimes: ['doc', 'xls', 'xlsx', 'pdf', 'zip', 'rar'] // file types 
     ,acceptSize: 2048 
     ,fieldLabel: 'File <span class="gray">(doc, xls, xlsx, pdf, zip, rar; 2 MB max)</span>' 
     ,inputSize: 76 // size attr 
     ,msgTarget: 'under' 
     ,name: 'filesToUpload[]' 
    }] 

Zobacz przykład na githab