Infinite Scrolling

[Burke]

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...

[Atanas Korchev]

Hello Burke,

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

Greetings,
Atanas Korchev
the Telerik team

[Burke]

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.

[Rosen]

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

[Ibrahim]

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.

[Dustin]

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.

[Atanas Korchev]

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

[Dustin]

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.

[Atanas Korchev]

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