如何将表单元素传递给 Ext AJAX 请求

Question

我在将表单传递给ExtJS6 AJAX请求时遇到问题。文档指出：form ： Ext.dom.Element / HTMLElement / String表单元素或要从中提取参数的表单的 ID。范围不是问题，这引用了Ext.form.Panel我的代码是：Ext.Ajax.request({  scope: this,  method: 'POST',  url: 'someurl',  form: this.getEl(),  isUpload: true,  success: this.someSuccessFunction  failure: this.someFailureFunction});我也尝试过 this.getId（）、this.getForm（）.getId（） 和 this。无论我尝试什么，我都会得到这个错误：Uncaught TypeError: form.submit is not a function有谁知道我的代码有什么问题吗？

Answer 1

Ext.form.Panel 不包含表单标记。此功能用于真正的html表单。看看下面例子的请求：小提琴

Ext.application({

name: 'Fiddle',

launch: function () {

    Ext.create('Ext.button.Button', {

        text: "Submit",

        renderTo: Ext.getBody(),

        handler: function () {

            Ext.Ajax.request({

                url: 'user.json',

                form: Ext.fly('userForm').dom,

                success: function (response, opts) {

                    var obj = Ext.decode(response.responseText); // THIS IS A REAL HTML FORM

                    console.dir(obj);

                },

                failure: function (response, opts) {

                    console.log('server-side failure with status code ' + response.status);

                }

            });

        }

    })

}

});