8

我正在尝试将 excel 导出功能添加到 Kendo UI angular 2 网格,但是在加载 angular 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 导出功能,所以假设它已经存在是否公平?如果是这样,我如何使上述代码段起作用?有什么帮助吗?

4

3 回答 3

2

Excel 导出现在是 Kendo UI Grid 的官方功能。它也可以单独使用,作为生成 XLSX 文件的非可视组件

于 2017-06-15T06:22:35.153 回答
0

目前,Angular 2 的 Kendo UI Grid 不支持 Excel 导出。工具栏通过 设置ToolbarComponent,当前使用 投影内容ng-content。您可以在文档中看到所有这些

于 2016-12-01T14:30:30.727 回答
0

添加了 Excel 导出功能(使用 kendoGridExcelCommand),可以在此处查看示例。

于 2018-08-09T16:08:42.407 回答