Ext3.0之UploadDialog 控件

UploadDialog 控件是基于ext2.x开发的一个多文件上传插件,现在ext已经更新到3.x但UploadDialog却只支持ext2.x，最近做项目用到了ext3.1上传功能没办法。只有自己把UploadDialog改了改。花了半天的时间总算可以在3.1中用了. 上传效果:  代码如下: Ext.namespace('Ext.ux.Utils'); Ext.ux.Utils.EventQueue = function(handler, scope) {     if (!handler) { throw 'Handler is required.' }     this.handler = handler; this.scope = scope || window; this.queue = [];     this.is_processing = false; this.postEvent = function(event, data) {         data = data || null; this.queue.push({ event: event, data: data });         if (!this.is_processing) { this.process() }     }; this.flushEventQueue = function()     { this.queue = [] }, this.process = function() {         while (this.queue.length > 0) {             this.is_processing = true; var event_data = this.queue.shift();             this.handler.call(this.scope, event_data.event, event_data.data)         }         this.is_processing = false     } }; Ext.ux.Utils.FSA = function(initial_state, trans_table, trans_table_scope) {     this.current_state = initial_state; this.trans_table = trans_table || {};     this.trans_table_scope = trans_table_scope || window;     Ext.ux.Utils.FSA.superclass.constructor.call(this, this.processEvent, this) }; Ext.extend(Ext.ux.Utils.FSA, Ext.ux.Utils.EventQueue, { current_state: null, trans_table: null, trans_table_scope: null, state: function() { return this.current_state }, processEvent: function(event, data) {     var transitions = this.currentStateEventTransitions(event);     if (!transitions)     { throw 'State '' + this.current_state + '' has no transition for event '' + event + ''.' }     for (var i = 0, len = transitions.length; i < len; i++) {         var transition = transitions[i]; var predicate = transition.predicate || transition.p || true;         var action = transition.action || transition.a || Ext.emptyFn; var new_state = transition.state || transition.s || this.current_state;         var scope = transition.scope || this.trans_table_scope; if (this.computePredicate(predicate, scope, data, event))         { this.callAction(action, scope, data, event); this.current_state = new_state; return }     }     throw 'State '' + this.current_state + '' has no transition for event '' + event + '' in current context' }, currentStateEventTransitions: function(event) { return this.trans_table[this.current_state] ? this.trans_table[this.current_state][event] || false : false }, computePredicate: function(predicate, scope, data, event) {     var result = false; switch (Ext.type(predicate)) {         case 'function': result = predicate.call(scope, data, event, this);             break;         case 'array':             result = true;             for (var i = 0, len = predicate.length; result && (i < len); i++) {                 if (Ext.type(predicate[i]) == 'function') { result = predicate[i].call(scope, data, event, this) }                 else {                     throw ['Predicate: ', predicate[i], ' is not callable in '', this.current_state, '' state for event '', event].join('')                 }             }             break;         case 'boolean':             result = predicate;             break;         default:             throw ['Predicate: ', predicate, ' is not callable in '', this.current_state, '' state for event '', event].join('')     }     return result }, callAction: function(action, scope, data, event) { switch (Ext.type(action)) {     case 'array':         for (var i = 0, len = action.length; i < len; i++) {             if (Ext.type(action[i]) == 'function') {                 action[i].call(scope, data, event, this)             }             else {                 throw ['Action: ', action[i], ' is not callable in '', this.current_state, '' state for event '', event].join('')             }         }         break;     case 'function':         action.call(scope, data, event, this);         break;     default:                                           throw ['Action: ', action, ' is not callable in '', this.current_state, '' state for event '', event].join('')                 }             }         }                            );         Ext.namespace('Ext.ux.UploadDialog');         Ext.ux.UploadDialog.BrowseButton = Ext.extend(Ext.Button, { input_name: 'file', input_file: null, original_handler: null, original_scope: null, initComponent: function() {         Ext.ux.UploadDialog.BrowseButton.superclass.initComponent.call(this);         this.original_handler = this.handler || null; this.original_scope = this.scope || window;         this.handler = null; this.scope = null     }, onRender: function(ct, position) {     Ext.ux.UploadDialog.BrowseButton.superclass.onRender.call(this, ct, position);     this.createInputFile() }, createInputFile: function() { var button_container = this.el; button_container.position('relative'); this.input_file = Ext.DomHelper.insertAfter(button_container, { tag: 'input', type: 'file', size: 1, name: this.input_name || Ext.id(this.el), style: 'position: absolute; display: block; border: none; cursor: pointer' }, true); var button_box = button_container.getBox(); this.input_file.setStyle('font-size', (button_box.width * 0.5) + 'px'); var input_box = this.input_file.getBox(); var adj = { x: 3, y: 3 }; if (Ext.isIE) { adj = { x: 0, y: 3} } this.input_file.setLeft(button_box.width - input_box.width + adj.x + 'px'); this.input_file.setTop(button_box.height - input_box.height + adj.y + 'px'); this.input_file.setOpacity(0); if (this.handleMouseEvents) {     this.input_file.on('mouseover', this.onMouseOver, this);     this.input_file.on('mousedown', this.onMouseDown, this) } if (this.tooltip) {     if (typeof this.tooltip == 'object') {         Ext.QuickTips.register(Ext.apply({ target: this.input_file }, this.tooltip))     } else {     this.input_file.dom[this.tooltipType] = this.tooltip } } this.input_file.on('change', this.onInputFileChange, this); this.input_file.on('click', function(e) { e.stopPropagation() }) }, detachInputFile: function(no_create) { var result = this.input_file; no_create = no_create || false; if (typeof this.tooltip == 'object') {     Ext.QuickTips.unregister(this.input_file) } else { this.input_file.dom[this.tooltipType] = null } this.input_file.removeAllListeners(); this.input_file = null; if (!no_create) {     this.createInputFile() } return result }, getInputFile: function() { return this.input_file }, disable: function() {     Ext.ux.UploadDialog.BrowseButton.superclass.disable.call(this);     this.input_file.dom.disabled = true }, enable: function() {     Ext.ux.UploadDialog.BrowseButton.superclass.enable.call(this);     this.input_file.dom.disabled = false }, destroy: function() {     var input_file = this.detachInputFile(true);     input_file.remove(); input_file = null;     Ext.ux.UploadDialog.BrowseButton.superclass.destroy.call(this) }, onInputFileChange: function() {     if (this.original_handler) {         this.original_handler.call(this.original_scope, this)     } } }); Ext.ux.UploadDialog.TBBrowseButton = Ext.extend(Ext.ux.UploadDialog.BrowseButton, { hideParent: true, onDestroy: function() { Ext.ux.UploadDialog.TBBrowseButton.superclass.onDestroy.call(this); if (this.container) { this.container.remove() } } }); Ext.ux.UploadDialog.FileRecord = Ext.data.Record.create([{ name: 'filename' }, { name: 'state', type: 'int' }, { name: 'note' }, { name: 'input_element'}]); Ext.ux.UploadDialog.FileRecord.STATE_QUEUE = 0; Ext.ux.UploadDialog.FileRecord.STATE_FINISHED = 1; Ext.ux.UploadDialog.FileRecord.STATE_FAILED = 2; Ext.ux.UploadDialog.FileRecord.STATE_PROCESSING = 3; Ext.ux.UploadDialog.Dialog = function(config) {     var default_config = { border: false, width: 450, height: 300, minWidth: 450, minHeight: 300, plain: true, constrainHeader: true, draggable: true, closable: true, maximizable: false, minimizable: false, resizable: true, autoDestroy: true, closeAction: 'hide', title: this.i18n.title, cls: 'ext-ux-uploaddialog-dialog', url: '', base_params: {}, permitted_extensions: [], reset_on_hide: true, allow_close_on_upload: false, upload_autostart: false };     config = Ext.applyIf(config || {}, default_config);     config.layout = 'absolute'; Ext.ux.UploadDialog.Dialog.superclass.constructor.call(this, config) }; Ext.extend(Ext.ux.UploadDialog.Dialog, Ext.Window, { fsa: null, state_tpl: null, form: null, grid_panel: null, progress_bar: null, is_uploading: false, initial_queued_count: 0, upload_frame: null, initComponent: function() {     Ext.ux.UploadDialog.Dialog.superclass.initComponent.call(this);     var tt = { 'created': { 'window-render': [{ action: [this.createForm, this.createProgressBar, this.createGrid], state: 'rendering'}], 'destroy': [{ action: this.flushEventQueue, state: 'destroyed'}] }, 'rendering': { 'grid-render': [{ action: [this.fillToolbar, this.updateToolbar], state: 'ready'}], 'destroy': [{ action: this.flushEventQueue, state: 'destroyed'}] }, 'ready': { 'file-selected': [{ predicate: [this.fireFileTestEvent, this.isPermittedFile], action: this.addFileToUploadQueue, state: 'adding-file' }, {}], 'grid-selection-change': [{ action: this.updateToolbar}], 'remove-files': [{ action: [this.removeFiles, this.fireFileRemoveEvent]}], 'reset-queue': [{ action: [this.resetQueue, this.fireResetQueueEvent]}], 'start-upload': [{ predicate: this.hasUnuploadedFiles, action: [this.setUploadingFlag, this.saveInitialQueuedCount, this.updateToolbar, this.updateProgressBar, this.prepareNextUploadTask, this.fireUploadStartEvent], state: 'uploading' }, {}], 'stop-upload': [{}], 'hide': [{ predicate: [this.isNotEmptyQueue, this.getResetOnHide], action: [this.resetQueue, this.fireResetQueueEvent] }, {}], 'destroy': [{ action: this.flushEventQueue, state: 'destroyed'}] }, 'adding-file': { 'file-added': [{ predicate: this.isUploading, action: [this.incInitialQueuedCount, this.updateProgressBar, this.fireFileAddEvent], state: 'uploading' }, { predicate: this.getUploadAutostart, action: [this.startUpload, this.fireFileAddEvent], state: 'ready' }, { action: [this.updateToolbar, this.fireFileAddEvent], state: 'ready'}] }, 'uploading': { 'file-selected': [{ predicate: [this.fireFileTestEvent, this.isPermittedFile], action: this.addFileToUploadQueue, state: 'adding-file' }, {}], 'grid-selection-change': [{}], 'start-upload': [{}], 'stop-upload': [{ predicate: this.hasUnuploadedFiles, action: [this.resetUploadingFlag, this.abortUpload, this.updateToolbar, this.updateProgressBar, this.fireUploadStopEvent], state: 'ready' }, { action: [this.resetUploadingFlag, this.abortUpload, this.updateToolbar, this.updateProgressBar, this.fireUploadStopEvent, this.fireUploadCompleteEvent], state: 'ready'}], 'file-upload-start': [{ action: [this.uploadFile, this.findUploadFrame, this.fireFileUploadStartEvent]}], 'file-upload-success': [{ predicate: this.hasUnuploadedFiles, action: [this.resetUploadFrame, this.updateRecordState, this.updateProgressBar, this.prepareNextUploadTask, this.fireUploadSuccessEvent] }, { action: [this.resetUploadFrame, this.resetUploadingFlag, this.updateRecordState, this.updateToolbar, this.updateProgressBar, this.fireUploadSuccessEvent, this.fireUploadCompleteEvent], state: 'ready'}], 'file-upload-error': [{ predicate: this.hasUnuploadedFiles, action: [this.resetUploadFrame, this.updateRecordState, this.updateProgressBar, this.prepareNextUploadTask, this.fireUploadErrorEvent] }, { action: [this.resetUploadFrame, this.resetUploadingFlag, this.updateRecordState, this.updateToolbar, this.updateProgressBar, this.fireUploadErrorEvent, this.fireUploadCompleteEvent], state: 'ready'}], 'file-upload-failed': [{ predicate: this.hasUnuploadedFiles, action: [this.resetUploadFrame, this.updateRecordState, this.updateProgressBar, this.prepareNextUploadTask, this.fireUploadFailedEvent] }, { action: [this.resetUploadFrame, this.resetUploadingFlag, this.updateRecordState, this.updateToolbar, this.updateProgressBar, this.fireUploadFailedEvent, this.fireUploadCompleteEvent], state: 'ready'}], 'hide': [{ predicate: this.getResetOnHide, action: [this.stopUpload, this.repostHide] }, {}], 'destroy': [{ predicate: this.hasUnuploadedFiles, action: [this.resetUploadingFlag, this.abortUpload, this.fireUploadStopEvent, this.flushEventQueue], state: 'destroyed' }, { action: [this.resetUploadingFlag, this.abortUpload, this.fireUploadStopEvent, this.fireUploadCompleteEvent, this.flushEventQueue], state: 'destroyed'}] }, 'destroyed': {} }; this.fsa = new Ext.ux.Utils.FSA('created', tt, this); this.addEvents({ 'filetest': true, 'fileadd': true, 'fileremove': true, 'resetqueue': true, 'uploadsuccess': true, 'uploaderror': true, 'uploadfailed': true, 'uploadstart': true, 'uploadstop': true, 'uploadcomplete': true, 'fileuploadstart': true }); this.on('render', this.onWindowRender, this); this.on('beforehide', this.onWindowBeforeHide, this); this.on('hide', this.onWindowHide, this); this.on('destroy', this.onWindowDestroy, this); this.state_tpl = new Ext.Template('<div class='ext-ux-uploaddialog-state ext-ux-uploaddialog-state-{state}'>&#160;</div>').compile() }, createForm: function() {               this.form = Ext.DomHelper.append(this.body, { tag: 'form', method: 'post', action: this.url, style: 'position: absolute; left: -100px; top: -100px; width: 100px; height: 100px' }) }, createProgressBar: function() {               this.progress_bar = this.add(new Ext.ProgressBar({ x: 0, y: 0, anchor: '0', value: 0, text: this.i18n.progress_waiting_text }))           }, createGrid: function() { var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy([]), reader: new Ext.data.JsonReader({}, Ext.ux.UploadDialog.FileRecord), sortInfo: { field: 'state', direction: 'DESC' }, pruneModifiedRecords: true }); var cm = new Ext.grid.ColumnModel([{ header: this.i18n.state_col_title, width: this.i18n.state_col_width, resizable: false, dataIndex: 'state', sortable: true, renderer: this.renderStateCell.createDelegate(this) }, { header: this.i18n.filename_col_title, width: this.i18n.filename_col_width, dataIndex: 'filename', sortable: true, renderer: this.renderFilenameCell.createDelegate(this) }, { header: this.i18n.note_col_title, width: this.i18n.note_col_width, dataIndex: 'note', sortable: true, renderer: this.renderNoteCell.createDelegate(this)}]); this.grid_panel = new Ext.grid.GridPanel({ ds: store, cm: cm, x: 0, y: 22, anchor: '0 -22', border: true, viewConfig: { autoFill: true, forceFit: true }, bbar: new Ext.Toolbar() }); this.grid_panel.on('render', this.onGridRender, this); this.add(this.grid_panel); this.grid_panel.getSelectionModel().on('selectionchange', this.onGridSelectionChange, this) }, fillToolbar: function() {               var tb = this.grid_panel.getBottomToolbar();               tb.x_buttons = {};               tb.x_buttons.add = tb.addItem(new Ext.ux.UploadDialog.TBBrowseButton({ text: this.i18n.add_btn_text, tooltip: this.i18n.add_btn_tip, icon: '../Images/file-add.gif', icoCls: 'ext-ux-uploaddialog-addbtn', handler: this.onAddButtonFileSelected, scope: this })); tb.x_buttons.remove = tb.addButton({ text: this.i18n.remove_btn_text, tooltip: this.i18n.remove_btn_tip, iconCls: 'ext-ux-uploaddialog-removebtn', handler: this.onRemoveButtonClick, scope: this }); tb.x_buttons.reset = tb.addButton({ text: this.i18n.reset_btn_text, tooltip: this.i18n.reset_btn_tip, iconCls: 'ext-ux-uploaddialog-resetbtn', handler: this.onResetButtonClick, scope: this }); tb.add('-'); tb.x_buttons.upload = tb.addButton({ text: this.i18n.upload_btn_start_text, tooltip: this.i18n.upload_btn_start_tip, iconCls: 'ext-ux-uploaddialog-uploadstartbtn', handler: this.onUploadButtonClick, scope: this }); tb.add('-'); tb.x_buttons.indicator = tb.addItem(new Ext.Toolbar.Item(Ext.DomHelper.append(tb.getEl(), { id: 'x-button-inputfile', tag: 'div', cls: 'x-btn-center', html: '&#160' }))); tb.add('->'); tb.x_buttons.close = tb.addButton({ text: this.i18n.close_btn_text, tooltip: this.i18n.close_btn_tip, handler: this.onCloseButtonClick, scope: this })           }, renderStateCell: function(data, cell, record, row_index, column_index, store) { return this.state_tpl.apply({ state: data }) }, renderFilenameCell: function(data, cell, record, row_index, column_index, store) { var view = this.grid_panel.getView(); var f = function() { try { Ext.fly(view.getCell(row_index, column_index)).child('.x-grid3-cell-inner').dom['qtip'] = data } catch (e) { } }; f.defer(1000); return data }, renderNoteCell: function(data, cell, record, row_index, column_index, store) { var view = this.grid_panel.getView(); var f = function() { try { Ext.fly(view.getCell(row_index, column_index)).child('.x-grid3-cell-inner').dom['qtip'] = data } catch (e) { } }; f.defer(1000); return data }, getFileExtension: function(filename) { var result = null; var parts = filename.split('.'); if (parts.length > 1) { result = parts.pop() } return result }, isPermittedFileType: function(filename) { var result = true; if (this.permitted_extensions.length > 0) { result = this.permitted_extensions.indexOf(this.getFileExtension(filename)) != -1 } return result }, isPermittedFile: function(browse_btn) { var result = false; var filename = browse_btn.getInputFile().dom.value; if (this.isPermittedFileType(filename)) { result = true } else { Ext.Msg.alert(this.i18n.error_msgbox_title, String.format(this.i18n.err_file_type_not_permitted, filename, this.permitted_extensions.join(this.i18n.permitted_extensions_join_str))); result = false } return result }, fireFileTestEvent: function(browse_btn) { return this.fireEvent('filetest', this, browse_btn.getInputFile().dom.value) !== false }, addFileToUploadQueue: function(browse_btn) { var input_file = browse_btn.detachInputFile(); input_file.appendTo(this.form); input_file.setStyle('width', '100px'); input_file.dom.disabled = true; var store = this.grid_panel.getStore(); store.add(new Ext.ux.UploadDialog.FileRecord({ state: Ext.ux.UploadDialog.FileRecord.STATE_QUEUE, filename: input_file.dom.value, note: this.i18n.note_queued_to_upload, input_element: input_file })); this.fsa.postEvent('file-added', input_file.dom.value) }, fireFileAddEvent: function(filename) { this.fireEvent('fileadd', this, filename) }, updateProgressBar: function() { if (this.is_uploading) { var queued = this.getQueuedCount(true); var value = 1 - queued / this.initial_queued_count; this.progress_bar.updateProgress(value, String.format(this.i18n.progress_uploading_text, this.initial_queued_count - queued, this.initial_queued_count)) } else { this.progress_bar.updateProgress(0, this.i18n.progress_waiting_text) } }, updateToolbar: function() {               var tb = this.grid_panel.getBottomToolbar(); if (this.is_uploading) {                   tb.x_buttons.remove.disable(); tb.x_buttons.reset.disable(); tb.x_buttons.upload.enable(); if (!this.getAllowCloseOnUpload()) { tb.x_buttons.close.disable() } Ext.fly(tb.x_buttons.indicator.getEl()).replaceClass('ext-ux-uploaddialog-indicator-stoped', 'ext-ux-uploaddialog-indicator-processing'); tb.x_buttons.upload.setIconClass('ext-ux-uploaddialog-uploadstopbtn');                   tb.x_buttons.upload.setText(this.i18n.upload_btn_stop_text); tb.x_buttons.upload.getEl().child(tb.x_buttons.upload.buttonSelector).dom[tb.x_buttons.upload.tooltipType] = this.i18n.upload_btn_stop_tip               } else {                   tb.x_buttons.remove.enable();                   tb.x_buttons.reset.enable();                   tb.x_buttons.close.enable();                   Ext.fly(tb.x_buttons.indicator.getEl()).replaceClass('ext-ux-uploaddialog-indicator-processing', 'ext-ux-uploaddialog-indicator-stoped'); tb.x_buttons.upload.setIconClass('ext-ux-uploaddialog-uploadstartbtn'); tb.x_buttons.upload.setText(this.i18n.upload_btn_start_text);                   /*tb.x_buttons.upload.getEl().child(tb.x_buttons.upload.buttonSelector).dom[tb.x_buttons.upload.tooltipType] = this.i18n.upload_btn_start_tip;*/                   if (this.getQueuedCount() > 0)                   { tb.x_buttons.upload.enable() }                   else {                       tb.x_buttons.upload.disable()                   }                   if (this.grid_panel.getSelectionModel().hasSelection()) {                       tb.x_buttons.remove.enable()                   } else {                   tb.x_buttons.remove.disable()               } if (this.grid_panel.getStore().getCount() > 0) {                   tb.x_buttons.reset.enable()               } else { tb.x_buttons.reset.disable() }           }       }, saveInitialQueuedCount: function()       { this.initial_queued_count = this.getQueuedCount() }, incInitialQueuedCount: function()       { this.initial_queued_count++ }, setUploadingFlag: function()       { this.is_uploading = true }, resetUploadingFlag: function()       { this.is_uploading = false }, prepareNextUploadTask: function() {           var store = this.grid_panel.getStore(); var record = null; store.each(function(r) {               if (!record && r.get('state') == Ext.ux.UploadDialog.FileRecord.STATE_QUEUE) { record = r }               else {              r.get('input_element').dom.disabled = true } });              record.get('input_element').dom.disabled = false;              record.set('state', Ext.ux.UploadDialog.FileRecord.STATE_PROCESSING);              record.set('note', this.i18n.note_processing); record.commit();              this.fsa.postEvent('file-upload-start', record)          }, fireUploadStartEvent: function()          { this.fireEvent('uploadstart', this) }, removeFiles: function(file_records) {              var store = this.grid_panel.getStore();              for (var i = 0, len = file_records.length; i < len; i++) {                  var r = file_records[i]; r.get('input_element').remove();                  store.remove(r)              }          }, fireFileRemoveEvent: function(file_records) {              for (var i = 0, len = file_records.length; i < len; i++)              { this.fireEvent('fileremove', this, file_records[i].get('filename')) }          }, resetQueue: function() {              var store = this.grid_panel.getStore(); store.each(function(r)              { r.get('input_element').remove() }); store.removeAll()          }, fireResetQueueEvent: function()          { this.fireEvent('resetqueue', this) }, uploadFile: function(record)          { Ext.Ajax.request({ url: this.url, params: this.base_params || this.baseParams || this.params, method: 'POST', form: this.form, isUpload: true, success: this.onAjaxSuccess, failure: this.onAjaxFailure, scope: this, record: record }) }, fireFileUploadStartEvent: function(record) { this.fireEvent('fileuploadstart', this, record.get('filename')) }, updateRecordState: function(data) {              if ('success' in data.response && data.response.success) {                  data.record.set('state', Ext.ux.UploadDialog.FileRecord.STATE_FINISHED);                  data.record.set('note', data.response.message || data.response.error || this.i18n.note_upload_success)              } else {              data.record.set('state', Ext.ux.UploadDialog.FileRecord.STATE_FAILED);              data.record.set('note', data.response.message || data.response.error || this.i18n.note_upload_error)          } data.record.commit()      }, fireUploadSuccessEvent: function(data)      { this.fireEvent('uploadsuccess', this, data.record.get('filename'), data.response) }, fireUploadErrorEvent: function(data)      { this.fireEvent('uploaderror', this, data.record.get('filename'), data.response) }, fireUploadFailedEvent: function(data)      { this.fireEvent('uploadfailed', this, data.record.get('filename')) }, fireUploadCompleteEvent: function()      { this.fireEvent('uploadcomplete', this) }, findUploadFrame: function()      { this.upload_frame = Ext.getBody().child('iframe.x-hidden:last') }, resetUploadFrame: function()      { this.upload_frame = null }, removeUploadFrame: function() {          if (this.upload_frame) {              this.upload_frame.removeAllListeners();              this.upload_frame.dom.src = 'about:blank';              this.upload_frame.remove()          }          this.upload_frame = null      }, abortUpload: function() {          this.removeUploadFrame();          var store = this.grid_panel.getStore();          var record = null;          store.each(function(r) {          if (r.get('state') == Ext.ux.UploadDialog.FileRecord.STATE_PROCESSING) { record = r; return false }      });      record.set('state', Ext.ux.UploadDialog.FileRecord.STATE_FAILED);      record.set('note', this.i18n.note_aborted); record.commit()  }, fireUploadStopEvent: function()  { this.fireEvent('uploadstop', this) }, repostHide: function()  { this.fsa.postEvent('hide') }, flushEventQueue: function()  { this.fsa.flushEventQueue() }, onWindowRender: function()  { this.fsa.postEvent('window-render') }, onWindowBeforeHide: function()  { return this.isUploading() ? this.getAllowCloseOnUpload() : true }, onWindowHide: function()  { this.fsa.postEvent('hide') }, onWindowDestroy: function()  { this.fsa.postEvent('destroy') }, onGridRender: function()  { this.fsa.postEvent('grid-render') }, onGridSelectionChange: function()  { this.fsa.postEvent('grid-selection-change') }, onAddButtonFileSelected: function(btn)  { this.fsa.postEvent('file-selected', btn) }, onUploadButtonClick: function() {      if (this.is_uploading) { this.fsa.postEvent('stop-upload') }      else      { this.fsa.postEvent('start-upload') }  }, onRemoveButtonClick: function() {      var selections = this.grid_panel.getSelectionModel().getSelections();      this.fsa.postEvent('remove-files', selections)  }, onResetButtonClick: function()  { this.fsa.postEvent('reset-queue') }, onCloseButtonClick: function()  { this[this.closeAction].call(this) }, onAjaxSuccess: function(response, options) {      var json_response = { 'success': false, 'error': this.i18n.note_upload_error };      try { var json_response = Ext.util.JSON.decode(response.responseText) } catch (e) { }      var data = { record: options.record, response: json_response };      if ('success' in json_response && json_response.success)      { this.fsa.postEvent('file-upload-success', data) } else      { this.fsa.postEvent('file-upload-error', data) }  }, onAjaxFailure: function(response, options) {      var data = { record: options.record, response: { 'success': false, 'error': this.i18n.note_upload_failed} };      this.fsa.postEvent('file-upload-failed', data)  }, startUpload: function()  { this.fsa.postEvent('start-upload') }, stopUpload: function()  { this.fsa.postEvent('stop-upload') }, getUrl: function()  { return this.url }, setUrl: function(url) { this.url = url }, getBaseParams: function()  { return this.base_params }, setBaseParams: function(params)  { this.base_params = params }, getUploadAutostart: function()  { return this.upload_autostart }, setUploadAutostart: function(value)  { this.upload_autostart = value }, getAllowCloseOnUpload: function()  { return this.allow_close_on_upload }, setAllowCloseOnUpload: function(value)  { this.allow_close_on_upload }, getResetOnHide: function()  { return this.reset_on_hide }, setResetOnHide: function(value)  { this.reset_on_hide = value }, getPermittedExtensions: function()  { return this.permitted_extensions }, setPermittedExtensions: function(value)  { this.permitted_extensions = value }, isUploading: function()  { return this.is_uploading }, isNotEmptyQueue: function()  { return this.grid_panel.getStore().getCount() > 0 }, getQueuedCount: function(count_processing) {      var count = 0; var store = this.grid_panel.getStore(); store.each(function(r)      { if (r.get('state') == Ext.ux.UploadDialog.FileRecord.STATE_QUEUE) { count++ } if (count_processing && r.get('state') == Ext.ux.UploadDialog.FileRecord.STATE_PROCESSING) { count++ } });      return count  }, hasUnuploadedFiles: function()  { return this.getQueuedCount() > 0 } }); var p = Ext.ux.UploadDialog.Dialog.prototype; p.i18n = {     title: '上传文件',     state_col_title: '状态',     state_col_width: 70,     filename_col_title: '文件名',     filename_col_width: 230,     note_col_title: '备注',     note_col_width: 150,     add_btn_text: '添加',     add_btn_tip: '添加文件到上传队列。',     remove_btn_text: '删除',     remove_btn_tip: '从上传队列删除文件。',     reset_btn_text: '重置',     reset_btn_tip: '重置队列。',     upload_btn_start_text: '开始上传',     upload_btn_stop_text: '中断上传',     upload_btn_start_tip: '上传文件对列。',     upload_btn_stop_tip: '停止上传。',     close_btn_text: '关闭',     close_btn_tip: '关闭上传对话框。',     progress_waiting_text: '<div style='width:50;text-align:left'>等候...</div>',     progress_uploading_text: '<div style='width:200;text-align:left'>共{1}个文件,当前上传成功{0}个文件 。</div>',     error_msgbox_title: '错误',     permitted_extensions_join_str: ',',     err_file_type_not_permitted: '不支持上传该类型文件.<br/>请选择下列类型的文件集合 {1}',     note_queued_to_upload: '上传的队列。',     note_processing: '上传中...',     note_upload_failed: '当前请求过多，服务器正忙，不能及时响应或者因特网服务器发生错误。',     note_upload_success: '成功。',     note_upload_error: '上传文件出错。',     note_aborted: '已经被用户中断' }

转载于:https://www.cnblogs.com/chjun2000/archive/2010/04/08/1707230.html