RadGrid Lazy Loading and Infinite Scroll

Thread is closed for posting
3 posts, 0 answers
  1. Attila Antal
    Attila Antal avatar
    6 posts
    Member since:
    Sep 2017

    Posted 08 Nov 2018 Link to this post


    Telerik Product and Version used

    Telerik Web UI for ASP.NET AJAX 2018.3.910.45

    Supported Browsers and Platforms

    All browsers supported by Telerik UI for ASP .NET AJAX

    Components/Widgets used (JS frameworks, etc.)

    HTML, JavaScript, C#, VB


    Code Library sample to demonstrate RadGrid with Lazy Loading and Infinite Scrolling.

    Note: RadGrid provides with a built-in functionality called Virtualization that serves as Infinite Scroll and it does callbacks which are much more lightweight than partial rendering. The example from this Code Library sample can be used to achieve scenarios the Virtualization does not support.

    The sample Includes both C# and VB Samples!

    Lazy Loading

    Lazy Loading
    Infinite Scroll

    Infinite Scroll
  2. Daniel
    Daniel avatar
    2 posts
    Member since:
    Jan 2018

    Posted 02 Apr 2019 in reply to Attila Antal Link to this post

    The Infinite Scroll example does not work.
  3. Eyup
    Eyup avatar
    4090 posts

    Posted 04 Apr 2019 Link to this post

    Hi Daniel,

    We've already discussed this matter on your formal support ticket. I will copy the solution in this thread, too, so it can benefit other developers as well.

    I've checked the Infinite Scroll sample and it does not work when the browser window is zoomed. You can resolve this by changing this line in the script logic:
    if ((GridDataDiv.scrollTop + GridDataDiv.clientHeight) > MasterTableElem.clientHeight - 10) {

    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.