Declined
Last Updated: 23 Feb 2023 11:09 by ADMIN
Lahari
Created on: 15 Mar 2022 13:40
Category: ListView
Type: Bug Report
0
ScrollBottom event kendo List view angular is not getting triggered

Ts Code:

import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
import { ZonesService } from '../../services/zones.service';
import {PagerSettings,
PagerPosition,
PagerType,PageChangeEvent} from "@progress/kendo-angular-listview";
import { historyExtraParams } from '../../constants/entities.constant';
@Component({
selector: 'app-list-view',
templateUrl: './list-view.component.html',
styleUrls: ['./list-view.component.scss']
})
export class ListViewComponent implements OnInit {
@Input() dataId;
@Output() closeDialog: EventEmitter<boolean> = new EventEmitter();
public data: any[] = [];
public historyExtraParams = historyExtraParams;
public updatedData;
public page = 0;
constructor(private _zonesService: ZonesService) { }
public ngOnInit() {
this.loadMore();
}
public getData(): any {
this._zonesService.getZonesd(this.dataId, this.page).subscribe(
response => {
this.data = response['version_histories'];
// this.formatData(response['version_histories']);
},
error => {
if (error && error.status === 401) {
}
});
}
public getFormattedField(title) {
return title ? title.replace(/_/g, ' ') : '';
}
public loadMore() {
this.page = this.page + 1;
this.getData();
}
public closeConfirmDialog() {
this.closeDialog.emit();
}
}

 

Html code: 

<div style=" overflow-y: auto;
margin-top: 60px;
">
<kendo-listview
[height]="400"
[data]="data"
containerClass="k-d-flex k-flex-col k-flex-nowrap"
(scrollBottom)="loadMore()"
>
<ng-template kendoListViewHeaderTemplate>
<!-- <div class="header">TRENDING ARTICLES THIS WEEK</div> -->
</ng-template>
<ng-template
kendoListViewItemTemplate
let-dataItem="dataItem"
let-isLast="isLast"
>
<div *ngFor="let item of dataItem?.changes | keyvalue">
<div *ngIf="!historyExtraParams.includes(item.key)">
{{isLast}} An event called {{dataItem?.event}} happened and {{getFormattedField(item.key)}} changed from {{item.value[0] || 0}} to {{item.value[1]}},
</div>
</div>
</ng-template>
</kendo-listview>
</div>
2 comments
ADMIN
Martin Bechev
Posted on: 23 Feb 2023 11:09

The feature request is declined due to a lack of information. Further details about the requested functionality were not provided.

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Martin Bechev
Posted on: 22 Mar 2022 07:37

Hi Lahari,

Thank you for the provided code snippets.

I checked the code and tested the scrollBottom event of the ListView component in the following example. But the event seems to be triggered as expected:

https://stackblitz.com/edit/angular-dy4y55

Please check the demo and try reproducing the issue, by making the necessary changes to the code. Thanks for your cooperation.

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.