Loading indicator  Loading

Demo panel

Ext.ux.UploadDialog (for ExtJS 1.1) demo page.

Usage example.

This is the code taken from upload-dialog.js. 

dialog = new Ext.ux.UploadDialog.Dialog(null, {
  autoCreate: true,
  closable: true,
  collapsible: false,
  draggable: true,
  minWidth: 400,      
  minHeight: 200,
  width: 400,
  height: 350,
  proxyDrag: true,
  resizable: true,
  constraintoviewport: true,
  title: 'File upload queue.',
  url: '/dev/upload-dialog-request.php',
  reset_on_hide: false,
  allow_close_on_upload: true
});
...
dialog.show('show-button');

Configuration.

Most configuration options are inherited from BasicDialog (see ExtJs docs). The added ones are:

Events.

Public methods

Better go see the source.

I18n.

The class is ready for i18n, override the Ext.ux.UploadDialog.Dialog.prototype.i18n object with your language strings, or just pass i18n object in config.

Server side handler.

The files in the queue are posted one at a time, the file field name is 'file'. The handler should return json encoded object with following properties: 

{
  success: true|false, // required
  error: 'Error or success message' // optional, also can be named 'message'
}

Download.

Ext.ux.UploadDialog.zip

Licence.

No warranties, use it on your own risk, respectoware :D (if you like it and feels it's useful for you go to ExtJS forum find any of my posts (username MaximGB) and add to my reputation :)))))

Author.

Maxim Bazhenov (aka MaximGB)

Change history