kendo ui mobile listview无限滚动只显示一项

Question

我正在使用 kendo ui 移动列表视图。只要我不将 neverScoll 或 loadMore 设置为 true，一切都可以。使用 EndlessScroll，listview 只显示第一个 Item。

在 chrome 检查器中，UL 标签的高度为 37 像素，但当我将其更改为 400 像素或更高时，它会显示其他项目。

我哪里错了？

      $("#myListview").kendoMobileListView({
        dataSource: new kendo.data.DataSource({
            transport: {
                read: function (options) {
                    $.ajax({
                        type: 'Get',
                        url: url,
                        success: function (result) {
                            options.success(result);
                        },
                        error: function (result) {
                            options.error(result);
                        },
                        crossDomain: true
                    })
                }
            },
            schema: {
                total: function () { return myCount }
            },
            serverPaging: true,
            serverSorting: true,
            pageSize: 20
            }),
        template: $("#myListview_template").text(),
        appendOnRefresh:true,
        endlessScroll: true,//listworks fine when false or by default
        style: "inset",               
        click: function (e) { console.log(e.dataItem);},
    });

Answer 1

由于kendo，listview 小部件在无限滚动模式下与style:inset 不兼容。 启用无限滚动或按下加载更多选项会触发 ListView 的虚拟模式。 目前，虚拟模式不支持某些功能（分组​​模式和插入样式）。