Я пытаюсь загрузить файл excel из данных сетки кендо с внешней кнопки, а не с панели инструментов кендо excel.
Поскольку я новичок в самом angular, я погуглил, чтобы загрузить с внешней кнопки, но не нашел никаких подробностей.
<div class = "grid-wrapper" *ngIf = "!recordsNotFound">
<kendo-grid [data] = "gridView" [pageSize] = "pageSize" [resizable] = "true" id = "dataEntry"
[skip] = "skip"
[pageable] = "true"
[selectable] = "true"
[sortable] = "true"
(sortChange) = "sortChange($event)"
(selectionChange) = "onSelection($event)"
(pageChange) = "pageChange($event)">
<kendo-grid-messages noRecords = "">
</kendo-grid-messages>
<kendo-grid-column *ngFor = "let column of columns"
field = "{{column.field}}"
title = "{{column.title}}"
format = "{{column.format}}"
width = "100"
media = "(min-width: 320px)"
hidden = "{{column.isHidden}}"
filter = "{{column.type}}"></kendo-grid-column>
<ng-template kendoPagerTemplate let-totalPages = "totalPages" let-currentPage = "currentPage">
<kendo-pager-prev-buttons></kendo-pager-prev-buttons>
<kendo-pager-info></kendo-pager-info>
<kendo-pager-next-buttons></kendo-pager-next-buttons>
</ng-template>
Вы можете попробовать что-то вроде этого:
Сначала вы добавляете кнопку в свой шаблон и добавляете ссылку на компонент сетки с нотацией #
:
<p>
<button (click) = "exportToExcel(grid)">Export Grid to Excel...</button>
</p>
<kendo-grid #grid = "kendoGrid" ... >
Затем вы добавляете метод exportToExcel
в свой файл .ts:
public exportToExcel(grid: GridComponent): void {
grid.saveAsExcel();
}
Это также доступно на веб-сайте Kendo для документации Angular Grid: Инициировать внешний экспорт.