Kendo Mobile - 将组和服务器端分页功能组合到listview

时间:2013-04-30 00:47:34

标签: html5 listview kendo-ui datasource kendo-mobile

我有一个包含特定月份特定记录的数据源。它连接到列表视图。是否可以将无限滚动,服务器分页和分组结合起来按月显示记录..每个月只有一个组头?

目前,当数据源检索下一页时,它将添加一个组头,而不管该页头是否已显示在上一页上。

我能想到的唯一解决方案是将页面大小更改为动态,其中每个页面代表一个月的记录......虽然这不是一个干净的解决方案。

我目前正在使用JQuery 1.9.1和Kendo Q1 2013发布。

1 个答案:

答案 0 :(得分:0)

对于任何想要这样做的人来说,目前无法开箱即用。我找到了一种方法来通过删除任何重复的分组标题然后合并重复的容器来使事情工作。使用以下代码绑定到数据源的change事件:

                setTimeout(function () {
                    var headerMap = {};

                    $($("#listview .km-group-title .km-text").get().reverse()).each(function () {
                        var targetText = $(this).text();

                        if (headerMap[targetText] == null) {
                            headerMap[targetText] = true;
                        } else {
                            // merge any list items from the duplicate container into the next proceeding group container
                            $(this).parent().next("ul").children().prependTo($(this).closest("li").next("li").find("ul"));
                            // remove the (now empty) duplicate container
                            $(this).closest("li").remove();
                        }
                    });
                }, 0);

应该完成工作!希望这有助于任何人尝试进行分组,服务器分页和无休止的滚动。