Sencha dosya yükleme alanı birden çok dosyayı kabul etmek için nasıl kullanılır

Question

Dosyaları yüklemek için File form alanını (Ext.form.field.File) kullandığım Sencha Ext JS uygulamasına sahibim. İyi çalışıyor, ancak kullanıcıların örneğin Dropbox.com'daki gibi bir kerede birden fazla dosyayı seçebilmelerini istiyorum.

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

Sencha'sı Ancak birden fazla dosyalarını desteklemez: Ben GİRİŞ elemanının multiple niteliğini kullanarak bu sorunu çözdü nerede (hangi ı HTML üzerinde doğrudan kontrol vardı) başka, dışı Sencha'sı site var Dosya yükleme alanı, en azından güncel sürümden (4.1). Belki de Sencha tarafından <input> öğesinin yaydığı HTML çıktısını değiştirmek mümkün, ancak nasıl emin değilim. Bunun için bir eklenti vardır

Answer 1

belki de bunu kullanabilirsiniz: 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

Bir xtype oluşturabilir

Answer 2

:

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' 
       }); 
      } 
     } 
    } 
}); 

Ve formunda kullanmak:

,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[]' 
    }] 

Örnek görünüm: githab