RadGrid Lazy Loading and Infinite Scroll

3 posts, 0 answers
  1. Attila Antal
    Attila Antal avatar
    6 posts
    Member since:
    Sep 2017

    Posted 08 Nov 2018 Link to this post

    Requirements

    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

    PROJECT DESCRIPTION

    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 in reply to Attila Antal Link to this post

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

    Posted 04 Apr 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) {

    Regards,
    Eyup
    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