Doesn't Work in IE

[smasala]

Hi There,

I can't seem to get your upload plugin working in IE. It works for FF and Chrome without a problem, but IE 8 & 9 it doesn't like it.

The problem seems to be when I place the "browse / search for files" button into any other component. Ie Docked toolbar, or Panel etc. The button appears in IE but the file browser doesn't open when clicked. In other words, nothing happens.

Thank you in advance

[smasala]

Update

Ok the reason why it doesnt work in 4.1.1 is when the panel has a title!

Heres an example:

In IE - add and remove the title.

Ext.define("MyApp.view.Attachment", {
        extend:'Ext.panel.Panel',
         alias:'widget.general_attachment',
        width: '100%',

title:'hello'                                          //IE breaking point

    items: [{
            xtype:'toolbar',
            dock:'top',
            items:[{
                xtype:'uploadbutton',
                text: 'Select files',
                //singleFile: true,
                plugins: [{
                              ptype: 'ux.upload.window',
                              title: 'Upload',
                              width: 520,
                              height: 350
                          }
                ],
                uploader: 
                {
                    url: 'upload.json',
                    uploadpath: '/Root/files',
                    autoStart: false,
                    max_file_size: '2020mb',            
                    drop_element: 'dragload',
                    statusQueuedText: 'Ready to upload',
                    statusUploadingText: 'Uploading ({0}%)',
                    statusFailedText: '<span style="color: red">Error</span>',
                    statusDoneText: '<span style="color: green">Complete</span>',

                    statusInvalidSizeText: 'File too large',
                    statusInvalidExtensionText: 'Invalid file type'
                },
                listeners: 
                {
                    filesadded: function(uploader, files)                               
                    {
                        //console.log('filesadded');
                        return true;
                    },

                    beforeupload: function(uploader, file)                              
                    {
                        //console.log('beforeupload');          
                    },

                    fileuploaded: function(uploader, file)                              
                    {
                        //console.log('fileuploaded');
                    },

                    uploadcomplete: function(uploader, success, failed)                             
                    {
                        //console.log('uploadcomplete');                
                    },
                    scope: this
                }
            }]
        }]
});

Ext.define('MyApp.view.Viewport', {
    extend: 'Ext.container.Viewport',
id:'mylittleviewport',


layout:{
    type:'border'
},

items:[{
    region:'center',
    xtype:'general_attachment'
}]
});

Ext.application({
name:'MyApp',
appFolder: '/',
autoCreateViewport:true,
views:['MyApp.view.Attachment'],
launch:function(){

}
});

[smasala]

Also the file size in bytes is displayed as NaN - and for multiple uploads in IE - it attempts to open the first file after upload

[hhandoko]

I'm experiencing a similar issue (not working in IE8, clicking the button doesn't do anything). I've tried the various combinations of the following without success:

• using an up-to-date Plupload version (1.5.7)
• adding a container element
• various rendering method (e.g. after panel has been rendered, directly as panel's toolbar items, from upload widget's renderTo)

The debugger console doesn't return any js errors, so it's quite frustrating :(

PS: @stevanicus seems like you're missing a comma after your title property?