ExtJs 标准表单提交与 jsonData 文件下载

Question

我正在尝试使用 ExtJs 4.2.3 从 WebApi 下载文件。阅读 Extjs 4 downloading a file through ajax call 后，看起来我最好的选择是使用标准 form.submit，但是，我的数据没有按预期传递给 WebApi 控制器 - 使用下面的代码，items 来了通过 null.

控制器

public HttpResponseMessage Post(string exportType, List<PcAvailableComponent> items)
{
    var dataToExport = _service.ExportItems(exportType, items);
    HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
    var stream = new MemoryStream(dataToExport);
    result.Content = new StreamContent(stream);
    result.Content.Headers.ContentType =
        new MediaTypeHeaderValue("application/octet-stream");
    return result;
}

标准提交

expForm.submit({
    url: AppRootUrl + 'api/AdminDataExport?exportType=' + exportType,
    //this doesn't work
    jsonData: items,
    waitMsg: 'Generating export...',
    success: function (form, action) {
        if (typeof expWindow !== "undefined") {expWindow.close();}
    },
    failure: function(form, action) {
        Ext.Msg.alert('Failed', 'An error has occurred while generating the export: ' + JSON.parse(action.response.responseText)['ExceptionMessage']);
    }
});

Ajax 提交（有效但无法取回文件）

Ext.Ajax.request({
        url: AppRootUrl + 'api/AdminDataExport',
        params: {
            exportType: 'PricingAndCosting'
        },
        jsonData: items,
        method: 'POST',
        success: function (response) {
            expWindow.close();
            console.log("success!");
    }
});

Answer 1

为此控制器放弃了 WebApi，只是将 JSON 作为字符串传递，然后在服务器端反序列化它：

[HttpPost]
public ActionResult Index(string exportType, string items)
{
    var dataToExport = _service.ExportItems(exportType, JsonConvert.DeserializeObject<List<PcAvailableComponent>>(items));
    Response.AddHeader("Content-Disposition", "inline; filename=" + exportType + "_" + DateTime.Now.ToString("yyyyMMdd_HHmmss") + ".xlsx");
    return File(dataToExport, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
}

ExtJs 标准表单提交与 jsonData 文件下载

ExtJs standard form submit with jsonData for file download

extjs

extjs4

asp.net-web-api

控制器

标准提交

Ajax 提交（有效但无法取回文件）