在我的UI网格中,当我滚动到底部时,它不会进行另一个API调用来获取更多数据。我正在使用kendo-ui scrollBottom功能。当前,滚动到底部时不会触发“ pageChange($ event)”功能。请找到我的代码示例。
<kendo-grid #grid
[data]="gridView"
[skip]="0"
[pageSize]="25"
[pageable]="false"
[height]="700"
[sort]="state.sort"
[sortable]="{mode: 'single'}"
[filterable]="true"
[filter]="state.filter"
(scrollBottom)="pageChange($event)"
(sortChange)="sortChange($event)"
(filterChange)="filterChange($event)"
(dataStateChange)="dataStateChange($event)">
<ng-template kendoGridToolbarTemplate>
Total Elements: {{gridView?.total}}
</ng-template>
<kendo-grid-column format="{0:n0}" field="nextPriceGroup"
title="Future Price Group" min-width="120">
<ng-template kendoGridFilterCellTemplate let-filter let-
column="column">
<kendo-grid-string-filter-cell
[showOperators]="false"
[column]="column"
[filter]="filter">
</kendo-grid-string-filter-cell>
</ng-template>
</kendo-grid-column>
<kendo-grid-column filter="date" format="{0:d}"
field="nextPriceGroupDate" title="Effective Date" min-
width="100">
<ng-template kendoGridCellTemplate let-dataItem let-
rowIndex="rowIndex">
{{dataItem.nextPriceGroupDate | dateString}}
</ng-template>
<ng-template kendoGridFilterCellTemplate let-filter let-
column="column">
<kendo-grid-date-filter-cell
[showOperators]="false"
[column]="column"
[filter]="filter">
</kendo-grid-date-filter-cell>
</ng-template>
</kendo-grid-column>
</kendo-grid>