Infinite Scrolling

9 posts, 0 answers
  1. Burke
    Burke avatar
    41 posts
    Member since:
    Jun 2009

    Posted 29 Aug 2011 Link to this post

    I would love to see infinite scrolling make it into the roadmap at some point.  This is essential UI, especially on mobile and the plugins that are out there haven't really nailed it down yet.

    Just a thought...
  2. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 30 Aug 2011 Link to this post

    Hello Burke,

     Our grid virtualization with remote data example shows a similar thing. Is that what you need?

    Greetings,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Burke
    Burke avatar
    41 posts
    Member since:
    Jun 2009

    Posted 08 Sep 2011 Link to this post

    Unfortunately, my layout is not conducive to a grid.  It's horizontally repeating images that wrap.  I was thinking of having something to attach to a div.  Maybe like this...

    $("#wrapper").kendoScroll({
        // remote endpoint or framework binding
        url: 'Home/Feed?max_id=' + max_id,
        // callback
        function(data) {
            $.each(data.img, function(item) {
                $("#wrapper").append(this.url);
            });
        },
        // various other options...
    }).data("kendoScroll");

    There is a jquery plugin for inifinite scrolling here...

    http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

    Not sure if there is enough demand from other developers to add it to the toolkit.
  4. Rosen
    Admin
    Rosen avatar
    3253 posts

    Posted 12 Sep 2011 Link to this post

    Hi Burke,

    Thank you for the suggestion. I'm afraid that this exact functionality is not currently available. However, we may consider to add something similar in future.

    All the best,
    Rosen
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Ibrahim
    Ibrahim avatar
    1 posts
    Member since:
    Feb 2012

    Posted 20 Feb 2012 Link to this post

    Hi,

    I am new to javascript framework and interested to build my apps using KendoUI but I need infinite-scrolling functions to show tweets.
    I noticed it was not really integrated yet. But if you can give me idea, can grid be used to show tweets in infinite scroll fashion ?

    Especially each to show image, hyperlinks and text for each cell in the grid.
    Thanks.
  6. Dustin
    Dustin avatar
    6 posts
    Member since:
    Sep 2010

    Posted 24 Jun 2013 Link to this post

    Just wanted to chime in and say this is something we desperately need. We do actually need it in the grid though and the virtual scrolling doesn't cut it. We are using web.api and the query brings back 100,000 records and we just want it to grab 100 records as they scroll down without having to know the total. Bonus would be having it continue to load the total 100,000 records in 100 page chunks even if they aren't scrolling down yet, pre-load.
  7. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 26 Jun 2013 Link to this post

    Hello Dustin,

    The  virtualization feature of the grid must know the total number of records in order to correctly set the height of the scrollbar. We are not sure if there is a way to do that without knowing the total number of records. Why isn't it possible in your case to return the total number of records? 

    Regards,
    Atanas Korchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. Dustin
    Dustin avatar
    6 posts
    Member since:
    Sep 2010

    Posted 26 Jun 2013 Link to this post

    Using the web.api (not type ODATA), if I put a pageSize:100 on the dataSource it only brings back the 100 records and doesn't know that there is more data to grab, it just has the 1 page. It would be awesome if when scrolled to the bottom, it could fire off an event (we could listen for) and/or call the data set again with the $take $skip to append to the grid checking to see if it has reached the end.

  9. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 26 Jun 2013 Link to this post

    Hi,

    The requested type of behavior is not currently supported. Still you can subscribe to the dom "scroll" event and request more data using the data source API.

    Regards,

    Atanas Korchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top