Kendo UI for Angular 将选定的行导出到 Excel

Question

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

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

在我看来，从 allData 方法中调用的 process 方法可以采用具有 filter: 组件的 State 对象。 但对于我的生活，我似乎无法让它发挥作用。 任何人都可以指出一个简单的例子，其中选定的行仅导出到 Excel？

谢谢，约翰 B。

Answer 1

我已将选定的行和选择键实现为整行，以便在导出时可以检索选定的行并修改 export 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;
        }

Answer 2

导出选定行或所有行

 function excelExport() {
    var exportAll = $('.selectrow').is(":checked");
    var grid = $("#grid");
    var rows = [{
        cells: [
            { value: "column1" },
            { value: "column2" },
            { value: "column3" },
            { value: "column4" },
            { value: "column5" },
            { value: "column6" },
            { value: "column7" }
        ]
    }];
    if (exportAll) {
        var dataDource = grid.getKendoGrid();
        var trs = $("#grid").find('tr');
        for (var i = 0; i < trs.length; i++) {
            if ($(trs[i]).find(":checkbox").is(":checked")) {
                var dataItem = dataDource.dataItem(trs[i]);
                rows.push({
                    cells: [
                        { value: dataItem.column1 },
                        { value: dataItem.column2 },
                        { value: dataItem.column3 },
                        { value: dataItem.column4 },
                        { value: dataItem.column5 },
                        { value: dataItem.column6 },
                        { value: dataItem.column7 }
                    ]
                })
            }
        }
    }
    else {
        var dataSource = grid.data("kendoGrid").dataSource;
        var trs = grid.find('tr');
        for (var i = 1; i < dataSource._data.length; i++) {
                var dataItem = dataSource._data[i];
                rows.push({
                    cells: [
                        { value: dataItem.column1 },
                        { value: dataItem.column2 },
                        { value: dataItem.column3 },
                        { value: dataItem.column4 },
                        { value: dataItem.column5 },
                        { value: dataItem.column6 },
                        { value: dataItem.column7 }
                    ]
                })
        }
    }



    var workbook = new kendo.ooxml.Workbook({
        sheets: [
            {
                columns: [
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true }
                ],
                title: "Exported Result",
                rows: rows
            }
        ]
    });
    kendo.saveAs({ dataURI: workbook.toDataURL(), fileName: "ExportedResult" });
}