用于Angular的Kendo UI将所选行导出到Excel

问题描述 投票:0回答:1

我正在使用Kendo UI for Angular,我正在尝试将我的网格导出到Excel。我已经实现了这样的解决方案:https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export/

它确实有效。它导出我的网格中的所有行。我的问题是我只想导出选定的行。我无法成功过滤allData方法只导出选定的行。

在我看来,在allData方法中调用的进程方法可以采用具有filter:component的State对象。但对于我的生活,我似乎无法让它发挥作用。任何人都能指出一个简单的例子,其中所选行只导出到Excel?

谢谢,约翰B.

kendo-ui kendo-grid export-to-excel kendo-ui-angular2
1个回答
0
投票

我已经将选定的行和选择键实现为整行,这样当我导出时我可以检索所选行并修改导出allData以导出选择数据(如果存在)。如果选择不存在则导出所有数据。

     public mySelectionKey(context: RowArgs): string {

           // return context.dataItem.serialNumber + " " + context.index;
           return context.dataItem;
       }

     public allData(): ExcelExportData {
         let selInventory: Inventory[] = [];
         let result: ExcelExportData;

          selInventory = JSON.parse(JSON.stringify(this.mySelection));



       if (selInventory.length > 0) {
             result = {
              data: process(selInventory, {
              sort: [{ field: "serialNumber", dir: "asc" }]
             }).data
            };
        } else {
             result = {
               data: process(this.inventoryData, {
              sort: [{ field: "serialNumber", dir: "asc" }]
               }).data
            };
          }

           return result;
        }
© www.soinside.com 2019 - 2024. All rights reserved.