InfiniteScroll does not load new content after scrolling down

[Sebastian Göhring]

Im using InfiniteScroll with a UrlAdaptor which should contact a rest api - But it clearly does nothing. The setup is super minimal and accordingly to the tutorial it should work.

It only does load the first 150 Entries (3 Page, but does nothing after scrolling to the bottom.

[Manivel Sellamuthu]

Hi Sebastian, 

Greetings from Syncfusion support. 

Based on your query “InfiniteScroll does not load new content after scrolling down” we have prepared a sample with URL Adaptor with infinite scrolling. The sample is working fine at our end. Once the scrollbar reaches the end ,grid requests the next 50 records and it loads the new set of data. Please find the below sample and video demo for more information. 

<div id="Grid"> </div> 

<script> 

    var grid = new ej.grids.Grid({ 

        dataSource: new ej.data.DataManager({ 

            adaptor: new ej.data.UrlAdaptor(), 

            url: '/Home/TelecomDataSource', 

        }), 

        height: 300, 

        enableInfiniteScrolling: true, 

        pageSettings: { pageSize: 50 }, 

        columns: [ 

            { field: 'OrderID', headerText: 'Order ID', textAlign: 'Right', width: 100 }, 

            { field: 'CustomerID', headerText: 'Customer ID', width: 120 }, 

            { field: 'EmployeeID', headerText: 'Employee ID', width: 100 }, 

            { field: 'OrderDate', headerText: 'Order Date',format:'yMd', width: 100 }, 

            { field: 'ShipCity', headerText: 'Ship City', width: 100 } 

        ], 

    }); 

    grid.appendTo('#Grid'); 

</script> 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/168118-javscript-infinitescroll-urladaptor-1440933007.zip 

Video demo: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Infinite_scrolling_video_demo-1663503462.zip 

To validated further on your reported query, please share the below details 

1. Share the complete Grid code
2. Share the network tab screenshots or video demo as showed in video demo
3. Bind the actionFailure event for the Grid and share if any details received in the event

Regards, 

Manivel