ich auf Endlos-Scroll-Funktionalität Bisher in Kendo UIKendo UI: Endlos-Scroll-Last von URL
ich Daten von URL zu laden haben es geschafft, arbeite und zeigen auf die Liste, aber sobald meine Liste endet, ich brauche zu laden Daten von nächsten url
hier ist mein Code
var i = 0, pageSize = 10;
function mobileListViewEndlessScrolling() {
var dataSource = new kendo.data.DataSource({
type: "odata",
transport :
read: {
type : "GET",
url : "https://graph.facebook.com/siedae/feed?access_token=150129068491462|a8HxcqfRA-Bn1M59A_wefbEMs9c",
contentType: "application/json; charset=utf-8",
dataType : "json",
error : function (xhr, ajaxOptions, thrownError) {
alert("error " + xhr.responseText);
},
}
},
serverPaging: true,
pageSize: pageSize,
schema: {
data : "data",
total: function() { return 25; }
},
});
$("#endless-scrolling").kendoMobileListView({
dataSource: dataSource,
template: $("#endless-scrolling-template").text(),
endlessScroll: true,
scrollTreshold: 30,
});
}
Wie viele Artikel auf jeder Seite zeigen werden? Es sollte grob (Artikel * 3 * 2) sein. Grundsätzlich, wenn Sie 5 Elemente auf dem Bildschirm anzeigen, benötigt endloses Scrollen mindestens 15 Elemente im DOM geladen, so dass die pageSize doppelt so groß sein sollte, oder 30. – zkent
Auch, warum codieren Sie das Schema.total hart? Dies sollte dynamisch sein und die Gesamtzahl aller Datensätze enthalten, die unabhängig von der Seitengröße angezeigt werden. – zkent