ag-Grid导出为CSV文件时未显示正确的文件名

时间:2018-11-14 02:11:41

标签: angular export-to-csv ag-grid

我正在使用Angular 2和ag-Grid(非企业版)在Typescript中编写代码。

我对ag-Grid的导出功能有疑问,希望有人可以提供帮助。

在表格上只有一个网格,我可以毫无问题地导出。当我引入第二个网格时,我也可以导出,但是文件名不正确(默认为export.csv)。

这是一些示例代码。

请注意,在html中,我设置了:

[gridReady] =“ onGridReadyTest1($ event)” 第一个网格

[gridReady] =“ onGridReadyTest2($ event)” 第二个网格

public gridApiTest1; 公共gridApiTest2;  ...

onGridReadyTest1(params){
  this.gridApiTest1 = params.api;
}

onGridReadyTest2(params){
  this.gridApiTest2 = params.api;
}

btnClickExportTest1 =函数(){

   var params = {
     skipHeader: false,
     skipFooters: true,
     allColumns: true,
     onlySelected: false,
     suppressQuotes: true,
     filename: 'test1.csv',
     columnSeparator: ','
   };

   this.gridApiTest1.exportDataAsCsv(params);

}

btnClickExportTest2 =函数(){

   var params = {
     skipHeader: false,
     skipFooters: true,
     allColumns: true,
     onlySelected: false,
     suppressQuotes: true,
     filename: 'test2.csv',
     columnSeparator: ','
   };
   this.gridApiTest2.exportDataAsCsv(params);

}

正如我提到的,导出实际上使用来自相关网格的正确数据。它的文件名对于第一个网格是正确的,而对于第二个网格(export.csv)是不正确的?

我做错了什么?任何帮助将不胜感激。

谢谢

1 个答案:

答案 0 :(得分:0)

将参数文件名从“文件名:”更改为“文件名:”

按照:

https://www.ag-grid.com/javascript-grid-export/