Question

我正在尝试将excel导出功能添加到Kendo UI angular 2网格，但在加载角度2应用时出错：

Can't bind to 'toolbar' since it isn't a known property of 'kendo-grid'.

以下是我正在使用的代码段：

<kendo-grid [data]="gridView" [height]="700" [pageSize]="pageSize"
                        [toolbar]="['excel']" 
                        [excel]="{fileName: 'Reprocessingdetails.xlsx'}"
                        [skip]="skip"
                          [pageable]="{
                            info: true,
                            type: 'input',
                            pageSizes: false,
                            previousNext: true
                          }"
                          [scrollable]="'none'"
                          (pageChange)="pageChange($event)"
                          [sortable]="{ mode: 'single', allowUnsort: true }"
                          [sort]="sort"
                          (sortChange)="reprocessingResultsSortChange($event)"
                        >
                <kendo-grid-column field="isSelected" title="Select">
                    <template kendoCellTemplate let-dataItem>
                        <input type="checkbox" [(ngModel)]="dataItem.isSelected" />
                    </template>
                </kendo-grid-column>
                <kendo-grid-column field="reprocessingType" title="Reprocessing Type">
                </kendo-grid-column>


            </kendo-grid>

路线图中未提及Excel导出功能，因此假设它已经存在是公平的吗？如果是这样，我如何使上述代码段工作？任何帮助？

Answer 1

Excel Export现在是Kendo UI Grid的官方功能。它也可以单独使用，a non-visual component用于生成XLSX文件。

Answer 2

目前，Angular 2的Kendo UI Grid不支持Excel导出。工具栏通过ToolbarComponent设置，目前使用ng-content投影内容。您可以在docs

中查看所有这些内容

Answer 3

已添加Excel导出功能（使用kendoGridExcelCommand），并且可以在here中看到示例。

Kendo UI Angular 2 Grid Excel导出

3 个答案: