kendo-ui - 使用网络 ListView 实现无限滚动

Question

我知道网络版的 listview 没有像移动版那样的开箱即用的无限滚动功能。我仍然需要在我的解决方案中实现这一点，我不确定从哪里开始。我拥有的所有 ide 都需要我重新加载所有数据。所以可以说我加载了 25 行。你到达滚动点，它又加载了 25 个，我实现它的方式是重新加载前 25 个并再添加 25 个。这当然会随着你走得越慢而变慢，所以这不是一个选择 有没有人成功地做过这样的事情？有没有好的开源无限滚动解决方案？任何提示/信息/代码将不胜感激。

谢谢!

Answer 1

此功能在网络中的剑道网格中可用(请参阅剑道网站中的虚拟滚动示例)。如何使用网格与虚拟滚动和修改显示模板看起来像 ListView ？

虚拟滚动网格的示例代码是:

 $("#yourList").kendoGrid({
        dataSource: {
            type: "json",                
            pageSize: 25,
            transport: {
                read: {
                    cache: false,
                    url: "controller/actionmethod",
                    type: "post",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"
                }
            }
        },

        height: 150,
        width: 50,
        pageable: true,
        //selectable: "multiple",
        scrollable: {
            virtual: true
        },

        columns: [ { field: "col1", title: "col1" }]

    });