剑道移动列表视图不分页

Kendo Mobile ListView not paging

本文关键字：分页 视图 列表 移动      更新时间：2023-09-26

我正在使用剑道移动列表视图，并且我在分页方面遇到问题，显示第一页，但之后我的列表视图似乎卡住了，即加载器出现，但没有数据添加到我的列表中，我也可以在调试器中看到数据是从服务器中提取的。这是我的代码：

m_userRoutines: new kendo.data.DataSource({
        serverFiltering: false,
        serverPaging: true,
        pageSize: 20,
        transport: {
            read: {
                url: pub.serverUrl + "api/Statistics/GetAllRoutinesUserHasDone",
                beforeSend: function (req) {
                    //radi uz data type json
                    req.setRequestHeader("Authorization", "Bearer " + app.loginToken);
                },
                dataType: "json"
            }
        },
        requestEnd: function (e) {
            console.log("user routines loaded", e.response);
        },
        schema: {
            data: function (data) {
                return data;
            },
            total: function (data) {
                return m_userWorkouts.get("workoutsCount");
            }
        }
    }),
我相信

我找到了答案，根据剑道移动文档：

为了使滚动顺利进行，页面大小不应 太低了。例如，如果页面上可见 5 个项目，则至少 需要 15 个物理 DOM 元素，这意味着数据源 页面大小应为 30 或更大。

我的页面大小的问题在于它太低了，当我将 pageSize 设置为 60 时，一切都很好:)

相关文章：