angular - ExpressionChangedAfterItHasBeenCheckedError nach dem Hinzufügen des [pageSize]-Attributs zum Kendo-Grid

Bitte finden Sie den beigefügten Code und teilen Sie mir den möglichen Grund für den Fehler mit, den ich beim Ausführen des Codes in Angular CLI erhalte. Dieser Fehler verschwindet, wenn ich [pageSize]="5" entferne, aber dann wird die Standardseitenanzahl nicht im Dropdown angezeigt. Die Anforderung besteht darin, den zweiten Pager oben auf dem Grid anzuzeigen.

<kendo-grid #grid class="k-grid-expand-row inner-grid" [kendoGridBinding]="gridData" [height]="530" [pageSize]="5" [skip]="skip" [pageable]="true" [sortable]="true" [filterable]="IsFilterVisible" (pageChange)="onPageChange($event)" [selectable]="{enabled: true, checkboxOnly: true}"
  [loading]="loading" [selectedKeys]="selectedItems" [resizable]="true" [kendoGridSelectBy]="selectionKey" (cellClick)="rowClick($event)">
  <ng-template kendoGridToolbarTemplate position="top">
    <div class="d-flex k-grid-toolbar-content ">
      <div class="pagination-container">
        <p>Show</p>
        <kendo-pager-page-sizes [pageSizes]="[5,10,20,40]"></kendo-pager-page-sizes>
          <kendo-pager-prev-buttons id="ibtPagination Button"></kendo-pager-prev-buttons>
          <kendo-pager-input></kendo-pager-input>
          <kendo-pager-next-buttons id="ibtPagination Button"></kendo-pager-next-buttons>
    </div>
    </div>
  </ng-template>
  <kendo-grid>

Antwort #1

Ich habe den untenstehenden Code in die Komponentenklasse eingefügt.

constructor(public cdRef: ChangeDetectorRef) { }

ngAfterViewInit() {
this.cdRef.detectChanges();
}

Und es hat mein Problem gelöst.

Antwort #2

Es gibt ein Problem mit dem Kendo UI-Grid bei der pageSize-Eigenschaft. Die Aktualisierung des Pakets auf Version 4.1.0 würde dies beheben.