如何使用 ExtJS 3.1.0 获取 FormPanel 来 POST JSON？

Question

默认情况下，当您调用 ExtJS 3.1.0 中的 FormPanel 函数时，它会将表单字段发布为 application/x-www-form-urlencoded 。

有什么办法让它改为发布 JSON 吗？

Answer 1

您可以使用 getValues() 提取值，然后使用 Ext.encode() 它们并手动执行 Ext.Ajax.request({}) 也包含此数据。

Answer 2

您可能希望扩展 Ext.form.Action.Submit 来将参数编码为 JSON，而不是在正文中对它们进行 url 编码。

Answer 3

您可以覆盖Ext.form.Action.Submit.run。

就像这样：

Ext.override(Ext.form.Action.Submit, {
    run: function() {
        // Your code here
    }
});

Answer 4

只需输入参数

var formData = App.formPanel.getValues(false);
Ext.net.DirectMethod.request({ 
     url: '/Product/Save',
     params: formData,
     success: function(jsonResult){
     }
});

或

App.formPanel.submit();

在设置 App.formPanel.url = '/Product/Save' 之前