This is a migrated thread and some comments may be shown as answers.

Endless Scrolling

11 Answers 557 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Mohammed
Top achievements
Rank 1
Mohammed asked on 14 Sep 2012, 09:41 AM
Hi,

Does the Grid support Endless/infinite scrolling?

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

Thanks,

Mohammed

11 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 14 Sep 2012, 12:53 PM
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!
0
Mohammed
Top achievements
Rank 1
answered on 14 Sep 2012, 01:22 PM
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.
0
Iliana Nikolova
Telerik team
answered on 19 Sep 2012, 12:26 PM
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!
0
Volker
Top achievements
Rank 1
answered on 07 Aug 2014, 12:51 PM
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
0
Iliana Nikolova
Telerik team
answered on 12 Aug 2014, 12:10 PM
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!
 
0
Nick
Top achievements
Rank 1
answered on 22 Nov 2014, 04:00 AM
Hello,

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

Thanks,
Nick
0
Iliana Nikolova
Telerik team
answered on 26 Nov 2014, 04:57 PM
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!
 
0
Nirav
Top achievements
Rank 1
answered on 07 Apr 2015, 06:29 PM

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

0
Petyo
Telerik team
answered on 10 Apr 2015, 12:21 PM
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!
 
0
My
Top achievements
Rank 1
answered on 01 Mar 2016, 03:21 PM

Hello,

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

Thanks.

0
Petyo
Telerik team
answered on 01 Mar 2016, 03:49 PM
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!
 
Tags
Grid
Asked by
Mohammed
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Mohammed
Top achievements
Rank 1
Volker
Top achievements
Rank 1
Nick
Top achievements
Rank 1
Nirav
Top achievements
Rank 1
Petyo
Telerik team
My
Top achievements
Rank 1
Share this question
or