Hello, I'm having some trouble at setting up endless scrolling in a listview fed by a local Datasource. Here is the code that I'm using for that purpose:
// The model of the Datasource schema
var SiteModel = kendo.data.Model.define({
id: "SiteUId",
fields: {
"SiteName": {
type: "string"
},
"isDefault": {
type: "number"
}
}
});
// The Datasource
var dataSites = new kendo.data.DataSource({
batch: true,
data: userSession.sites,
schema: {
model: SiteModel
},
sort: [
{ field: "isDefault", dir: "desc" },
{ field: "SiteName", dir: "asc" }
],
pageSize: 20
});
// The ListView
var sitesList = $("#sites-picker").kendoMobileListView({
dataSource: dataSites,
template: kendo.template($("#myListTemplate").html()),
selectable: true,
loadMore: true,
click: function (e) ...
}).data("kendoMobileListView");
// The html code
<ul id="sites-picker"></ul>
I'm attaching the screenshot of the rendered view, which is not correctly showed. Thanks.
// The model of the Datasource schema
var SiteModel = kendo.data.Model.define({
id: "SiteUId",
fields: {
"SiteName": {
type: "string"
},
"isDefault": {
type: "number"
}
}
});
// The Datasource
var dataSites = new kendo.data.DataSource({
batch: true,
data: userSession.sites,
schema: {
model: SiteModel
},
sort: [
{ field: "isDefault", dir: "desc" },
{ field: "SiteName", dir: "asc" }
],
pageSize: 20
});
// The ListView
var sitesList = $("#sites-picker").kendoMobileListView({
dataSource: dataSites,
template: kendo.template($("#myListTemplate").html()),
selectable: true,
loadMore: true,
click: function (e) ...
}).data("kendoMobileListView");
// The html code
<ul id="sites-picker"></ul>
I'm attaching the screenshot of the rendered view, which is not correctly showed. Thanks.
8 Answers, 1 is accepted
0
Hello Christyan,
The feature that you are looking for has been added to Kendo UI Mobile in the Q3 release. So please go to kendoui.com and download the latest version of the product where local data virtualization feature was added, as shown in this demo:
http://demos.kendoui.com/mobile/listview/local-virtualization.html
Regards,
Kiril Nikolov
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
The feature that you are looking for has been added to Kendo UI Mobile in the Q3 release. So please go to kendoui.com and download the latest version of the product where local data virtualization feature was added, as shown in this demo:
http://demos.kendoui.com/mobile/listview/local-virtualization.html
Regards,
Kiril Nikolov
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0

Christyan
Top achievements
Rank 1
answered on 10 Jan 2014, 03:31 PM
Hi Kiril,
Thanks for answering. Right now we've solved the problem mentioned before, but now the listview is having some unusual behaviour.
Sometimes a blank space is showed above the listview and sometimes the loader gets stuck and no more items of the list are shown. It usually happens at fast scrolling, when scrolling slow apparently it works well.
I've attached some screenshots of this unusual behaviour.
By the way, the version of Kendo UI that we are using is this one: Kendo UI Mobile v2013.2.1021.
Regards.
Thanks for answering. Right now we've solved the problem mentioned before, but now the listview is having some unusual behaviour.
Sometimes a blank space is showed above the listview and sometimes the loader gets stuck and no more items of the list are shown. It usually happens at fast scrolling, when scrolling slow apparently it works well.
I've attached some screenshots of this unusual behaviour.
By the way, the version of Kendo UI that we are using is this one: Kendo UI Mobile v2013.2.1021.
Regards.
0
Hi Christyan,
Most probably the problem comes from an incorrect pageSize configuration. Please check the following article, explaining how the widget works and how to determine the correct pageSize:
http://docs.kendoui.com/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling
Regards,
Kiril Nikolov
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
Most probably the problem comes from an incorrect pageSize configuration. Please check the following article, explaining how the widget works and how to determine the correct pageSize:
http://docs.kendoui.com/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling
Regards,
Kiril Nikolov
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0

Christyan
Top achievements
Rank 1
answered on 13 Jan 2014, 05:11 PM
I have already tried that and the problem continues.
0
Hello Christyan,
We would review the project you have attached in the support ticket and get back to you with our findings.
Regards,
Steve
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
We would review the project you have attached in the support ticket and get back to you with our findings.
Regards,
Steve
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0

Marian
Top achievements
Rank 1
answered on 29 Jan 2014, 03:35 PM
We are experiencing same behavior as Christyan, Was this already answered in support ticket?
0
Hello Marian,
This is the answer from my colleague based on the provided sample by Christyan:
Thank you for contacting us. The issue you report is a known one, and, unfortunately, is related to the limitations of the device and the html environment. Thus being said, we are still looking for ways to avoid it - so far it is very hard to replicate and trace what exactly goes wrong (let alone address it in a reliable manner).
At this point, I can confirm that we are working on the problem – however, I can't commit that we will actually be able to resolve it.
Regards,
Steve
Telerik
This is the answer from my colleague based on the provided sample by Christyan:
Thank you for contacting us. The issue you report is a known one, and, unfortunately, is related to the limitations of the device and the html environment. Thus being said, we are still looking for ways to avoid it - so far it is very hard to replicate and trace what exactly goes wrong (let alone address it in a reliable manner).
At this point, I can confirm that we are working on the problem – however, I can't commit that we will actually be able to resolve it.
Regards,
Steve
Telerik
Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.
0

Don
Top achievements
Rank 1
answered on 16 Feb 2014, 06:16 AM
Just chiming in to say that I am experiencing the same problems with listview and endless scroll. Quite a disappointment. Here is another thread from the Kendo Mobile UI forum (which I can't comment in because I don't have a Kendo Complete license) which I believe further describes the same issue: http://www.telerik.com/forums/listview-endless-scrolling-problems