EXTJS中的文件上传字段MVC

Question

我有一个由各种文本字段和组合框以及一个文件上传字段组成的表单。该文件正在成功上传，但是当试图访问其他表单字段时，它们在萤火虫的后期参数中看不到。控制器的代码如下：

uploadFile : function(button) { 

    **var form = button.up('form'); 
    var Title = form.down('Title'); 
    console.log(Title);** // This returns null 

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

      url : 'data/Downloads.aspx', 
      waitMsg : 'Saving the file...', 

      params : { 
       mode : 'UPLOADFILE', 
       client : SYSTEM.CLIENT 
      }, 

      success : function(f, a) { 
       Ext.Ajax.request({ 

        url : 'data/Downloads.aspx', 
        params : { 
         mode : 'SAVE', 
         fileName : a.result.fileName 

        }, 

        success : function() { 
         this.mWin = Ext.create('Campus.view.GenMessage'); 
         this.mWin.addMessage(true, LANG.SUCT, LANG.SUCTxt2); 
        }, 

        failure : function() { 

        } 
       }); 

      }, 

      failure : function() { 

      } 
     }) 
    } 
}, 

如何访问其他表单字段并将其发送到服务器。

Answer 1

我不太关注你在做什么。你似乎提交表单，然后你正在做一个Ajax调用服务器？

无论如何，所有表单域都会与文件输入一起发送到服务器。由于文件上传，该框架没有像往常一样提交表单，请参阅文档：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.Basic-method-hasUpload

Answer 2

感谢您的指导dbrin。

其实，我试图上传一个文件，同时保存有关该文件在数据库中的信息。而这就是为什么我试图做出AJAX请求。但是，这是我做的：

uploadFile : function(button) { 

     var form = button.up('form'); 

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

       url : 'data/Downloads.aspx', 
       waitMsg : 'Saving the file...', 

       params : { 
        mode : 'UPLOADFILE', 
        client : SYSTEM.CLIENT 

       }, 

       success : function(form, a) { 
        this.mWin = Ext.create('App.view.GenMessage'); 
        this.mWin.addMessage(true, LANG.SUCT, LANG.SUCTxt1); 


       }, 

       failure : function() { 

       } 
      }) 
     } 
    },