具有 Angular 6 导出功能的 ag-grid 20

Posted

技术标签:

【中文标题】具有 Angular 6 导出功能的 ag-grid 20【英文标题】:ag-grid 20 with Angular 6 export functionality 【发布时间】:2019-12-04 01:50:54 【问题描述】:

需要帮助导出 ag-grid 中的一些记录。

我正在尝试从我的应用程序中的 ag-grid 导出(csv)某些记录。我不能使用行选择。手动选择一些记录并只想导出这些记录。

  const selectedRows = [name: 'A', name: 'b'];

   const params = 
    skipHeader: false,
    columnKeys: ['name'],
    fileName: 'Test_' + Date.now()
  ;

  this.GridOptions.api.exportDataAsCsv(params);

如何将 selectedRows 传递给 API?

提前致谢!!!

【问题讨论】:

【参考方案1】:

您可以通过编程方式选择所需的 RouterLinkWithHref,让 ag-grid 导出选定的行,然后在打印后取消选择(如有必要)。

  const selectedRows = [name: 'A', name: 'b'];

  this.GridOptions.api.forEachNode((node) => 
    // Check to determine if the row should be selected for printing
    // Replace with your logic if necessary
    if (selectedRows.findIndex((x) => x.name === node.data.name)) 
      // select the row
      node.setSelected(true);
     else 
      // deselect the row
      node.selected(false);
    
  );

   const params = 
    // only selected rows will be exported
    onlySelected: true,
    skipHeader: false,
    columnKeys: ['name'],
    fileName: 'Test_' + Date.now()    
  ;

  this.GridOptions.api.exportDataAsCsv(params);

  // deselect all rows
  this.GridOptions.api.foreachNode((node) => 
      node.setSelected(false);
  );

【讨论】:

以上是关于具有 Angular 6 导出功能的 ag-grid 20的主要内容,如果未能解决你的问题,请参考以下文章

Angular 6:在功能模块之间共享组件不起作用

带有普通 TypeScript 的 Angular 6 - 错误:模块没有导出的成员

错误:在 Angular CLI >6.0 中,Karma 插件现在由“@angular-devkit/build-angular”导出

Angular 6 - '"/node_modules/firebase/index"' 没有导出的成员 'functions'

构建 Angular 6 库时为导出符号生成的元数据中遇到错误

具有多级 NgModules 的 Angular 6 路由