Infinite Scrolling on Remotely (using observable) Server Side CRUD + Searching, Sorting.

[Salik khan]

Hello there,

I've implemented CRUD operation + Searching + Sorting on server side remotely using observable (Not through Data Manager).

Now need to implement Infinite scrolling here. I'm getting issue when placing [infiniteScrollSettings]='infiniteOptions' showing template parse error. 

Attachment: ScreenShot_d5af1188.rar

[Ajith Govarthan]

Hi Salik, 

Thanks for contacting Syncfusion support. 

Based on your requirement we have prepared sample but we did not faced the mentioned issue in the prepared sample. For your convenience we have attached the sample so please refer the sample for your reference. 

Code Example: 

App.component.html 

<div class="control-section"> 

    <ejs-grid [dataSource]='data | async' #grid [height]=400 [enableInfiniteScrolling]='true' [pageSettings]='pageOptions' (dataStateChange)= 'dataStateChange($event)' (load)='load($event)' (created)='created($event)'  [infiniteScrollSettings]='infiniteOptions' > 

Sample Link: https://stackblitz.com/edit/angular-infine-scroll-custombinding-bsnxld?file=app.component.html 

UG-Link: https://ej2.syncfusion.com/angular/documentation/grid/infinite-scroll/#initialblocks 

If you still face the issue then please share the below details to validate further on your requirement. 

1. If possible please try to reproduce the issue in the attached sample.

2. Share the screenshot or video demonstration of the issue.

 

3. Share the Synfusion package version.

 

Regards, 

Ajith G.