Endless Scrolling

Thread is closed for posting
12 posts, 0 answers
  1. Mohammed
    Mohammed avatar
    16 posts
    Member since:
    Sep 2012

    Posted 14 Sep 2012 Link to this post

    Hi,

    Does the Grid support Endless/infinite scrolling?

    if no, is there a way to make this possible?

    Thanks,

    Mohammed
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 14 Sep 2012 Link to this post

    Hi Mohammed,

    Such functionality is available in Kendo UI Grid - it is known as virtual scrolling. In order to get it working the grid should be configured like here:
    $("#grid").kendoGrid({
      //....
       scrollable: {
         virtual: true
       }
     });

    You could check this online demo which illustrates the aforementioned functionality. 

    Kind regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Mohammed
    Mohammed avatar
    16 posts
    Member since:
    Sep 2012

    Posted 14 Sep 2012 Link to this post

    Hi,

    Well, thats will only work if all data are loaded first time. But what I'm after is that, only 20 items are loaded per page, so If I scroll down, an event should be fired with the current page. But its not doing that.

    #####################
    @(Html.Kendo().Grid<DummyViewModel>()   
                    .Name("Grid")
                    .Columns(columns => {
                        columns.Bound(o => o.Id).Width(120);
                        columns.Bound(o => o.Name).Width(100);
                        columns.Bound(o => o.Email);
                    })   
                    .Sortable()
                    .Scrollable(scrollable => scrollable.Virtual(true).Height(280))  
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .PageSize(128)
                        .Read(read => read.Action("DummyAction", "Dummy"))
                     )
                }
    #####################

    Thanks.

    Mohammed.
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 19 Sep 2012 Link to this post

    Hello Mohammed,

    I apologize for the misunderstanding. Generally speaking, Endless/infinite scrolling is not supported in Kendo UI Grid. When the virtual scrolling is enabled with the initial request the total number of records is retrieved. As for the event, by design the dataBound event is fired with every next piece of data.

    I hope this information helps.
     
    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Volker
    Volker avatar
    22 posts
    Member since:
    Jul 2013

    Posted 07 Aug 2014 in reply to Iliana Nikolova Link to this post

    Hi,

    is this statement (endless scrolling not possible without loading all items at once) still true?

    If so, will it be changed in future? I hope so, because such a behaviour is quite standard today.

    Best regards,
    Volker
  7. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 12 Aug 2014 Link to this post

    Hi Volker,

    I cannot be more specific about if / when this feature be available out-of-the-box in Kendo UI Grid, however you can check this code library which demonstrates a possible workaround.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Nick
    Nick avatar
    1 posts
    Member since:
    Jan 2014

    Posted 21 Nov 2014 in reply to Iliana Nikolova Link to this post

    Hello,

    Has there been an update on this? I could really use this feature in Kendo Grid or a workaround.

    Thanks,
    Nick
  9. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 26 Nov 2014 Link to this post

    Hello Nick,

    Kendo UI Grid does not support endless scrolling at this point, however you could use the approach suggested in the code library.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  10. Nirav
    Nirav avatar
    10 posts
    Member since:
    Mar 2015

    Posted 07 Apr 2015 in reply to Iliana Nikolova Link to this post

    Hi lliana, 

    I tried virtual scrolling with kendo Grid. Client is complaining about scrolling effect is not smooth (Horizontal and vertical scrolling) . So can you please help me how can i solve this issue with kendo grid.

    Thanks,

    Nirav

  11. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 10 Apr 2015 Link to this post

    Hi Nirav,

    the thread does not seem to be related to the problem you describe, and you have submitted the same post three times. Please refrain from posting the same issue in multiple forum threads.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  12. My
    My avatar
    1 posts
    Member since:
    Feb 2016

    Posted 01 Mar Link to this post

    Hello,

    Is the workaround still the only way to implement grid infinite scroll?

    Thanks.

  13. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 01 Mar Link to this post

    Hi,

    I am not sure to which workaround you refer to - the thread itself is quite old. I may suggest that you open a separate support thread for the problem you face. 

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready