экспортировать несколько сеток данных в один файл Excel по нажатию внешней кнопки, используя угловые 4 - PullRequest
0 голосов
/ 19 ноября 2018

Я использую 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 ряда, тогда он просто берет последний ряд и печатает его в Excel.это еще одна проблема.

Не могли бы вы помочь мне в этом.

...