[Beta 1] Saki's FileTree for Ext 2.0

[fraric]

thanks for the reply, I wanted to know if more forward had plans to redo the component, or know why the developer has added the code for Restore form attributes after doFormUpload
, or you can ask at developer the reason for this choice?
I just want to understand how to move before you change the code
Thanks in advanced for your reply

[jsakalos]

I needed to change that part of the code in that version of Ext (2.2). Try to apply the patch of the above thread author.

FYI, if and when I port this to Ext 3.x, I'll revise all the code removing unnecessary parts and adding new parts. In other words, it will be new uploader. For the time being, just use what works.

[fraric]

I had the same problem I solved

	    // multipleUpload - each file uploaded in it's own form
	    else {
	        if (error && 'object' === Ext.type(error)) {
	            record.set('error', error.errors && error.errors[record.id] ? error.errors[record.id] : this.unknownErrorText);
	        }
	        else if (error) {
	            record.set('error', error);
	        }
	        else if (response && response.responseText) {
	            record.set('error', response.responseText);
	        }
	        else {
	            record.set('error', this.unknownErrorText);
	        }
	        record.set('state', 'failed');
	        this.deleteForm(options.form,record);/*Add this line remove refence in form*/
	        record.commit();
	    }

and in upload file

	, uploadFile: function(record, params) {
	    // fire beforestart event
	    if (true !== this.eventsSuspended && false === this.fireEvent('beforefilestart', this, record)) {
	        return;
	    }
	    // create form for upload
	    var form = this.createForm(record);
	    // append input to the form
	    var inp = record.get('input');
	    inp.set({ name: inp.id });/*inp.dom.name || */
	    /*Use appendTo and not append in some case when there's an error input lose value property id form it's not destroy correctly
	    form.appendChild(inp);
	    */
	    inp.appendTo(form);

if you apply only this code seems uploader function every time but i think it's better add this.deleteForm

I dont understand why if you use a form.appendChild(inp); there's an error and if you use directly inp.appendTo(form) there's not an error

this is append childFunction

        appendChild: function(el)
        {
            el = Ext.get(el);
            el.appendTo(this);
            return this;
        },

I encountered an issue in Chrome when trying to upload because it fails when trying to encode the form during the record.set operation. I think IE also bombs during the encode. I have reported this to ext (http://www.extjs.com/forum/showthread.php?p=395726)

In the meantime, below are my (hack) changes to the FileUploader.js that address both the IE & Chrome issues.

* Replace:

record.set('form', form);

* With:

record.form = form;

* Replace:

record.set('form', null);

* With:

delete record.form;

* Replace:

var form = record.get('form');

* With:

var form = record.form;

If anyone has a better suggestion, please feel free.

[nescha]

If you want to use "beforerename" functionality for renaming, oldName and newName aren't supplied with valid values. Inspect file Ext.ux.FileTreePanel.js at line 952.
Regex value shouldn't be /\/[^\\]+$/ but /\/[^\/]+$/ (escaping of backslash instead of slash in the square brackets).
You can test this behavior i.e. on path "Docarchive Root/Your files/Mosor"

[jsakalos]

It would be good idea to add backslash but you shouldn't remove slash. I use Linux servers where backslash is innocent and slash is path separator.

[nescha]

It would be good idea to add backslash but you shouldn't remove slash. I use Linux servers where backslash is innocent and slash is path separator.

I mis-expressed myself (or you misunderstood ): your code has backslash escaped in the square brackets. Instead of backslash, slash should be put (like it is for stated in start of the expression)

[jsakalos]

Aah, I see. I've looked only inside the brackets before. Yes, you're right.

[voidus]

Hello.
I've made a patch against:

• Ext.ux.FileUploader.js
• Ext.ux.form.BrowseButton.js
• Ext.ux.UploadPanel.js

which makes use of "multiple" attribute of <input type="file" tag and File API, introduced in Firefox 3.6, and allows to select multiple files at once at file dialog.
I'd like to share that patch (see attachment).
Patch requires changes of server side to work. I may share example if anyone need it.
To use File API developer must explicitly set the "useFileApi" attribute of UploadPanel instance. The best detection string if we may allow File API or not is probably following condition:

var useFileApi = typeof window.FileReader == 'function';

Disclaimer: implementation is far from perfect, not all possible features implemented. But it works.

[js_coder]

if and when I port this to Ext 3.x

Any sort of a timeline on this? I really appreciate the high-quality work, but I need to decide whether it's time to upgrade this myself for 3.x after many months of hearing this.

[lxfliu]

After a day of trying to find out mistake. I have made some changes to FileTree extention, so now it works with Extjs 3.0 version.

In file Ext.ux.FileTreeMenu.js

 var uploadPanelConfig = {
 contextmenu:this
,buttonsAt:config.buttonsAt || 'tbar'
 ,singleUpload:config.singleUpload || false
 ,maxFileSize:config.maxFileSize
 ,enableProgress:config.enableProgress
 }; 

should be replaced with

var uploadPanelConfig = {
        hideOnClick:false
        ,cmd:'upload-panel'
        ,contextmenu:this
        ,buttonsAt:config.buttonsAt || 'tbar'
        ,singleUpload:config.singleUpload || false
        ,maxFileSize:config.maxFileSize
        ,enableProgress:config.enableProgress
    }; 

 ,new Ext.menu.Adapter(new Ext.ux.UploadPanel(uploadPanelConfig), {
  hideOnClick:false
  ,cmd:'upload-panel'
}) 

with

,new Ext.ux.UploadPanel(uploadPanelConfig) 

in file Ext.ux.FileTreePanel.js

this.uploadPanel = this.contextmenu.getItemByCmd('upload-panel').component; 

replace with

this.uploadPanel = this.contextmenu.getItemByCmd('upload-panel'); 

in file Ext.ux.FileUploader.js

record.set('form', form); 

with

if(Ext.isIE)
    record.set('form', undefined);  // IE fix, without this it throws an exception
else
    record.set('form', form); 

in file Ext.ux.form.BrowseButton.js

   this.buttonCt = this.el.child('.x-btn-center em'); 

with

this.buttonCt = this.el.child('.x-btn-mc em'); 

style: {
   position: 'absolute',
   cursor: 'pointer',
   right: '0px',
   top: '10px'
} 

with

style: {
   position: 'absolute',
   cursor: 'pointer',
   right: '0px',
   top: Ext.isIE ? '10px' :'0px' // Also another IE fix
} 

in file Ext.ux.UploadPanel.js Add line

this.ownerCt.doLayout(); 

,onAddFile:function(bb) {
        
        if(true !== this.eventsSuspended && false === this.fireEvent('beforefileadd', this, bb.getInputFile())) {
            return;
        }
        var inp = bb.detachInputFile();
        inp.addClass('x-hidden');
        var fileName = this.getFileName(inp);

        // create new record and add it to store
        var rec = new this.store.recordType({
             input:inp
            ,fileName:fileName
            ,filePath:this.getFilePath(inp)
            ,shortName: Ext.util.Format.ellipsis(fileName, this.maxLength)
            ,fileCls:this.getFileCls(fileName)
            ,state:'queued'
        }, inp.id);
        rec.commit();
        this.store.add(rec);

        this.syncShadow();

        this.uploadBtn.enable();
        this.removeAllBtn.enable();
        
        this.ownerCt.doLayout();
        
        if(true !== this.eventsSuspended) {
            this.fireEvent('fileadd', this, this.store, rec);
        }

    } // eo onAddFile 

PLS help me

The upload listed files aline have the problem.

Sees Attachments