Kendo-ui Angular 7 如何将多个网格导出为一个 excel 文件？答案

【问题标题】：Kendo-ui Angular 7 How to export multiple grids as one excel file?Kendo-ui Angular 7 如何将多个网格导出为一个 excel 文件？
【发布时间】：2018-12-07 17:03:42
【问题描述】：

我之前已经看到过几次针对 Angular 2 提出的这个问题，但是我没有看到专门询问 Angular 6 或 7 的问题。

我有一个包含多个网格的页面，我试图将其导出为一个 Excel 文件。即使是多个工作表。

<!-- Section header 1 -->
<kendo-grid [data]="data.something" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column field="amount"></kendo-grid-column>
  <kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>

<!-- Section header 2 -->
<kendo-grid [data]="data.something2" scrollable="none">
  <kendo-grid-column field="item"></kendo-grid-column>
  <kendo-grid-column field="amount"></kendo-grid-column>
  <kendo-grid-column field="price"></kendo-grid-column>
</kendo-grid>

这些位于一些包装器组件中，顶层包装器是 kendo-pdf-export 标签。

如何将网格导出到一个 Excel 文件中？

【问题讨论】：

标签： angular kendo-ui kendo-grid

【解决方案1】：

您可以使用以下文档文章中概述的将多个数据集导出到单独的 Excel 工作表的方法：

Excel Export demo

...或用于导出主从网格的那个（根据您的需要调整后）：

Master-detail Grid excel export demo

场景不一样，但方法仍然归结为获取所有相关网格的数据，并将其输出到 Excel 文档中。

所有列出的方法都不是 Angular 6/7 特有的，所有适用于 Angular 2、4 或 5 的方法也应该适用于 Angular 6 和 7。

【讨论】：