Question

我正在使用kendo ui mobile listview。只要我没有将endlessScoll或loadMore设置为true，一切都很好。使用EndlessScroll，列表视图仅显示第一个项目。

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

我哪里错了？

      $("#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小部件与endlessScroll模式中的style:inset不兼容。启用无限滚动或按下以加载更多选项会触发ListView的虚拟模式。目前，虚拟模式不支持某些功能（分组模式和插入样式）。

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

1 个答案: