PDA

View Full Version : file upload waitMsg update help needed for progress of upload.



hbd666
27 Feb 2011, 2:01 PM
Using the following basic code:
****************************************************************************************

var fp = new Ext.FormPanel({
renderTo: 'fi-form',
fileUpload: true,
width: 500,
frame: true,
title: 'File Upload Form',
autoHeight: true,
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 50,
defaults: {
anchor: '95%',
allowBlank: false,
msgTarget: 'side'
},
items: [{
xtype: 'textfield',
fieldLabel: 'Name'
},{
xtype: 'fileuploadfield',
id: 'form-file',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'photo-path',
buttonText: '',
buttonCfg: {
iconCls: 'upload-icon'
}
}],
buttons: [{
text: 'Save',
handler: function(){
if(fp.getForm().isValid()){
fp.getForm().submit({
url: 'file-upload.php',
waitMsg: 'Uploading your photo...',
success: function(fp, o){
msg('Success', 'Processed file "'+o.result.file+'" on the server');
}
});
}
}
},{
text: 'Reset',
handler: function(){
fp.getForm().reset();
}
}]
});
**************************************************************************************************************

I have a setTimeout() function that uses Ajax that polls the server to find out the progress of the upload.
However, I want to show the progress of the upload by showing it in the dialog that pops up when the upload is running. Ideally, it would be by ammeding the waitMsg in that dialog.

The problem is I can't seem to find a reference to that dialog. I tried to find it with Firebug, but still can't find it. Can someone tell me how I can find a reference to it so that I may periodically change the waitMsg?