2014-02-07 5 views
5

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, 
      }); 
    } 
+0

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

+0

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

Antwort