Question

我正在使用ExtJS 4.2.0来上传文件功能。但是当我尝试使用form.submit（）上传时，它会给我一个ExtJS错误并且不会调用该服务。以下是表单面板的代码：

    Ext.define('modelname.view.AttachDocumentPanel', {
    extend: 'Ext.form.Panel',
    alias: 'widget.attachdocumentpanel',
    id: 'attachdocumentpanel',
    itemId: 'attachdocumentpanel',
    name: 'attachdocumentpanel',
    height:25,
    layout:'column',
    requires: [
        'modelname.common.Util'     
    ],

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [             
                {
                    xtype: 'filefield',
                    itemId: 'fileUploadField', 
                    id: 'fileUploadField',
                    name: 'fileUploadField',
                    emptyText : 'Select a file to upload',
                    msgTarget: 'side',
                    allowBlank: false,
                    anchor: '100%',
                    hideLabel: true,
                    columnWidth: .25,
                    buttonText: 'Browse'
                },
                {
                    xtype : 'button',
                    text : 'Upload',
                    columnWidth: .75,
                    itemId: 'uploadDocumentButton', 
                    name: 'uploadDocumentButton'
                }
              ]
        });
        me.callParent(arguments);
    }   
});

并且上传按钮的处理程序代码位于控制器类中：

    onUploadClick: function(button) {               
    var form = button.up('attachdocumentpanel').getForm();
    var fileName2 = Ext.getCmp("fileUploadField").getValue();

    if(Ext.isEmpty(fileName2)) {
        Ext.Msg.alert('Warning','No file selected !');
        form.reset();
        return;
    }

    if (form.isValid()) {
        form.submit({
                    url: 'http://localhost:8080/WAR_project/rest/service/ticket/uploadfile',
                    waitMsg:'Uploading document...',
                    success: function(form, action) {
                        Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failure', action.result.msg);
                        }
                });
    }

    }

点击上传时，它会给我一些ExtJS一般错误，说明a未定义。请帮忙。

Answer 1

这对我有用。试试这个

  if (form.isValid()) {
        form.submit({

                    url: 'http://localhost:8080/WAR_project/rest/service/ticket/uploadfile',
                    waitMsg: 'Uploading Please Wait...',
                    method: 'POST',                    
                    success: function (r, a) {
                       console.log('success message here')
                    },
                    failure: function (r, a) {                    
                         console.log('failure message here')
                    }
                });
}

在ExtJS中上传文件时form.submit不起作用

1 个答案: