11 Answers, 1 is accepted
0
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:
You could check this online demo which illustrates the aforementioned functionality.
Kind regards,
Iliana Nikolova
the Telerik team
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.
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
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
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
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
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
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
Has there been an update on this? I could really use this feature in Kendo Grid or a workaround.
Thanks,
Nick
0
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
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
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
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
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
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!