如何使用自定义文件名将数据从 UI5 导出到 Excel

Question

我想将 table 下载为 Excel 文件。但是当函数被触发时，它总是默认下载为“data.csv”。我想要文件的不同名称。那么如何将下载文件的名称更改为其他名称呢？

{ // Snippet from my controller
  toExcel: function () {
    var oExport = new Export({
      exportType: new ExportTypeCSV({ // required from "sap/ui/core/util/ExportTypeCSV"
        separatorChar: ",",
        charset: "utf-8"
      }),
      models: this.getView().getModel("oListOrderMod_rent"),
      rows: { path: "/" },
      columns: [
        {
          name: "Tenant Name",
          template: {
            content: "{tentName}"
          }
        },
        {
          name: "Address",
          template: {
            content: "{h_address}"
          }
        },
        // ...
      ]
    });
    oExport.saveFile().catch(function(oError) {
      MessageBox.error("Error when downloading data. ..." + oError);
    }).then(function() {
      oExport.destroy();
    });
  },
}

单击该按钮下载文件。我希望它说的不是“data.csv”

Answer 1

如果您查看 API description:

，解决方案就很明显了

方法saveFile有一个参数是文件名。

所以只需传递该参数即可。

oExport.saveFile("myNewFileName.csv")
    .catch(function (oError) {
        // ...
    })
    .then(function () {
        // ...
    });

如何使用自定义文件名将数据从 UI5 导出到 Excel

How to export data from UI5 to Excel with custom file name

export-to-excel

sapui5