Блог

Я пытаюсь загрузить файл Excel из данных kendo grid с помощью внешней кнопки — не с помощью панели инструментов kendo 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:
Запуск экспорта извне.