RadGrid Lazy Loading and Infinite Scroll

Thread is closed for posting
3 posts, 0 answers
  1. E1198842-E431-4E0B-AC3C-FF0B08924D37
    E1198842-E431-4E0B-AC3C-FF0B08924D37 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
  3. E2048A81-5BC6-46F8-9E80-C54DA7C66EDE
    E2048A81-5BC6-46F8-9E80-C54DA7C66EDE avatar
    2 posts
    Member since:
    Jan 2018

    Posted 02 Apr 2019 in reply to E1198842-E431-4E0B-AC3C-FF0B08924D37 Link to this post

    The Infinite Scroll example does not work.
  5. 4513861F-C564-42D2-BC9F-5FAED19E993E
    4513861F-C564-42D2-BC9F-5FAED19E993E avatar
    4090 posts
    Member since:
    Apr 2022

    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) {

    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

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