Creating a Downloadable CSV File with "Blob" | SuiteCommerce

define("DownloadBlob.View", [], function () { "use strict"; return Backbone.View.extend({ events: { 'click [data-action="download"]': "generateCSVFile" }, /** * Send call to service to return data for a csv. */ generateCSVFile: function () { let model = new SomeModel(); model .fetch({ data: { savedSearchId: this.search.savedSearchId, recordsPerPage: this.collection.recordsPerPage, csvDownload: true, }, killerId: AjaxRequestsKiller.getKillerId(), }) .done((response) => { //convert data for use in the Blob let records = response.records.map((record) => { let columns = record.map((column) => { return column.value || record.text || ""; }); columns.push("\n"); //add new line return columns; }); //add headers let headers = response.columns.map((column) => column.label || column.name); headers.push("\n"); records.unshift(headers); let blob = new Blob(records, { type: "text/csv" }); // Creating an object for downloading url const url = window.URL.createObjectURL(blob); // Creating an anchor(a) tag of HTML const a = document.createElement("a"); // Passing the blob downloading url a.setAttribute("href", url); // Setting the anchor tag attribute for downloading // and passing the download file name a.setAttribute("download", `${this.title}.csv`); // Performing a download with click a.click(); }); } }); });