Question

我正在研究kendo UI中的无限滚动功能

到目前为止，我已设法从网址加载数据并在列表中显示，但一旦我的列表结束，我需要从下一个网址加载数据

这是我的代码

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

Answer 1

您可以将dataSource.transport.read.url定义为函数。每次dataSource即将发出读取请求时，该函数都会执行，这将使您有机会在运行时更改URL。

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-transport.read.url

Kendo UI：来自URL的无限滚动加载

1 个答案: