滚动到底部时,scrollBottom不会进行api调用

时间:2019-07-08 18:16:33

标签: angular typescript kendo-ui

在我的UI网格中,当我滚动到底部时,它不会进行另一个API调用来获取更多数据。当前,滚动到底部时不会触发“ pageChange($ event)”功能。如果您还有其他需要,请在此处评论。

<kendo-grid #grid
            [data]="gridView"
            [skip]="state.skip"
            [pageSize]="state.take"
            [pageable]="false"
            [height]="gridHeight"
            [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>

0 个答案:

没有答案