Infinite scrolling on grid

Hello, 

I am getting remote data from an API and populating the grid by subscribing to an observable. Now, I have to add infinite scroll to that grid which means, that when the user scrolls, new calls to the API will be performed and new data will be added to the grid. However, I am not finding any solution to make new calls to the API when the scroll happens. How to do this in the case of observables? or do I have to use DataManager? 


1 Reply

JS Johnson Soundararajan S Syncfusion Team May 28, 2024 12:54 PM UTC

Hi Aunik Islam,


We have reviewed your query regarding the issue with infinite scrolling not calling the API in custom binding.


To address your concern, we have created a sample based on your requirements. In our sample, the API is called correctly during infinite scrolling within the custom binding.


Please refer to the below sample and video demo for more information.


Sample : Gaxts4 (forked) - StackBlitz


Video demo : Infinite_Scroll_Sample.webm - Google Drive


If you are still experiencing the problem, please share with us your attempts to reproduce the reported issue using the attached sample.


Regards,

Johnson Soundararajan S


Loader.
Up arrow icon