angular - 将 [pageSize] 属性添加到 Kendo 网格后的 ExpressionChangedAfterItHasBeenCheckedError
问题描述
请找到附加的代码,让我知道在 Angular CLI 中运行代码时出现错误的可能原因。如果我删除 [pageSize]="5",此错误将消失,但不会在下拉列表中显示默认页面大小。要求就像在网格顶部显示第二个寻呼机
<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>
解决方案
我在组件类中添加了以下代码。
constructor(public cdRef: ChangeDetectorRef) { }
ngAfterViewInit() {
this.cdRef.detectChanges();
}
它解决了我的问题。
推荐阅读
- c# - 响应中没有内容的 C# 状态 200
- twilio - Twilio:在收到先前响应的记录后响应呼叫者
- c++ - 查找不在一组范围内的第一个范围
- javascript - 如何在同一页面上的 html 中添加不同的图像幻灯片?
- blockchain - Hyperledger Sawtooth 读取权限
- deep-learning - 错误显示:“ResNet”对象没有属性“分类器”
- c - 是否可以在 C 的编译时处理可变参数宏中的每个元素?
- android - 如何使用导航控制器将参数传递给片段
- php - PHP regexp 如何在模式末尾捕获 }}
- json - 是否可以从地图 JSON 文件中提取树结构格式的城市社区列表?