0

我正在使用 DevExtreme DxDataGridComponent。我有两个不同的组件,其中包含 DataGrid 和另一个组件,其中我有导出按钮。现在我需要将这些网格的数据导出到单个 excel 文件中。我尝试了很多解决方案,但没有找到可行的解决方案。我得到的只是你一次可以导出一个网格的数据。

下面是我向其传递数据的 excel 服务。

import { Injectable } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';


const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
const EXCEL_EXTENSION = '.xlsx';

@Injectable()
export class ExcelService {

  constructor() { }

  public exportAsExcelFile(json: any[], excelFileName: string): void {
    const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' });
    this.saveAsExcelFile(excelBuffer, excelFileName);
  }

  private saveAsExcelFile(buffer: any, fileName: string): void {
    const data: Blob = new Blob([buffer], {
      type: EXCEL_TYPE
    });
    FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
  }

}

另一件事是我准备了一个数据对象,其中我准备了一些数据。

data = [{
    a: something.a,
    b: something.b,
    c: something.c
}]

我所做的是 listArr.push(data); 那么我所做的是: this.excelService.exportAsExcelFile(listArr, 'sample');

我已经调用了 excel 服务,现在这个方法只占用了最后一行。我的意思是说我有4行然后它只是拿起最后一行n将它打印到excel中。这是另一个问题。

你能帮我解决这个问题吗?

4

0 回答 0