如何解决如何在 Angular 的 Ignite UI 中导出所选记录的 excel
我正在使用 Ignite 用户界面。因为我使用的是 Igx 网格,所以我可以使用 IgxExcelExporterService
导出所有数据的 excel,但我想使用 onRowSelectionChange
的 igx grid
方法仅导出选定的数据。有没有办法igx-grid
支持这个功能?
解决方法
您可以使用 Excel 导出器服务:
this.excelExportService.exportData
(this.data,..).
继续将 data array
传递给服务。如何用选定的行数据填充数据数组?您可以在此处找到用于引导您的 POC 的代码片段:
实际代码:
public clicked() {
let selectedRows = this.grid1.selectedRows;
for (let rowIndex of selectedRows) {
let rowData = this.grid1.getRowByIndex(rowIndex).rowData;
this.exportData.push(rowData);
}
console.log(this.exportData);
this.excelExportService.exportData(this.exportData,new IgxExcelExporterOptions("ExportedDataFile"));
this.exportData = [];
}
This Export excel topic 将进一步帮助您。
使用此作为起点和 igxGrid row selection.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。