在kendo-grid中,scrollBottom不会触发函数进行API调用

时间:2019-07-09 12:09:25

标签: angular typescript kendo-ui kendo-grid

在我的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>

0 个答案:

没有答案