Как экспортировать данные в Excel в Kendo Grid с помощью внешней кнопки в угловых 7? - PullRequest
Новая
       43

Как экспортировать данные в Excel в Kendo Grid с помощью внешней кнопки в угловых 7?

0 голосов
/ 10 апреля 2019

Я пытаюсь загрузить файл excel из данных сетки кендо с внешней кнопки, а не с панели инструментов 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>

1 Ответ

0 голосов
/ 11 апреля 2019

Вы можете попробовать что-то вроде этого:

Сначала вы добавляете кнопку в шаблон и добавляете ссылку на компонент сетки с пометкой #: 

<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: Внешний экспорт запуска .

...