javascript - Telerik 数据源 Json 服务器分页不起作用

Question

我正在开发一个使用 Json 数据构建的混合应用程序。不过有一个小问题。我不知道如何让分页适用于数据源。

json 结构如下所示。

{
    "respond":1,
    "paging":{
        "stillmore":1,
        "perpage":10,
        "callpage":1,
        "next":2,
        "previous":0,
        "pages":6,
        "result":"52"
    },
    "message":"",
    "result":[
        {Main Data}
    ]
}

这是我的数据源结构

var dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "JsonURL",
                    dataType: "json",
                    jsonp: "$callback",

                    cache: true

                },
                serverFiltering: true,
                filter: { logic: "paging", filters: [ { field: "name", operator: "startswith", value: "Jane" } ] },
                parameterMap: function (data, type) {
                     return kendo.stringify(data);
                    if (type == "read") {
                        // send take as "$top" and skip as "$skip"
                        return {
                            $callpage: data.page,
                            $perpage: data.pageSize
                        }
                    }
                }
            },

            schema: {
                data: "result", // twitter's response is { "results": [ /* results */ ] }
                total: "paging.result",
                },

            sort: {
                field: "ID",
                dir: "desc"
            },
            serverPaging: true,
            serverSorting: true,
            pageSize: 20
        });

这不是分页。我有大约 100 个结果，服务器每页只显示 20 个。当您想加载接下来的 20 个时，什么也没有发生。它卡在加载 gif 上。

我似乎无法弄清楚。如何使用此 Json 返回启用服务器分页？

欢迎任何提示!谢谢!

Answer 1

您的代码有错误:

parameterMap: function (data, type) {
    // DELETE THIS LINE: return kendo.stringify(data);
    if (type == "read") {
        // send take as "$top" and skip as "$skip"
        return {
            callpage: data.page,
            perpage: data.pageSize
        }
    }
}

您立即返回return kendo.stringify(data);，并且无法使用页码的自定义绑定(bind)。

尝试删除此行，如我上面所示