Kendo Mobile - ButtonGroup中的Endless Scrolling Listview问题

Question

我正在关注剑道的手机ButtonGroup Demo并遇到了问题。 像演示一样，我有一个按钮组，有三个按钮和三个列表视图。每个按钮显示一个列表视图，并隐藏其他按钮。我的第一个listview使用无限滚动。每当我滚动到其他2个列表视图的底部时，就会对第一个列表视图发出下一页请求，并填充它。我该如何防止这种情况？

以下是我正在使用的一些相关代码片段（所有窗口小部件的初始化都在我的视图的data-init方法中处理）：

<ul id="buttonGroup" data-index="0">
    <li>
    Days
    </li>
    <li>
    Summary
    </li>
    <li>
    Notes
    </li>
</ul>


<ul id="endlessScrollingListView">
</ul>


<ul id="listview2">
</ul>


<ul id="listview3">
</ul>

这是初始化小部件时我的按钮组的自定义选择功能：

var listViews = this.element.find("ul:not(#buttonGroup):first-child");
var listViewWrappers = listViews.closest(".km-listview-wrapper");


$("#buttonGroup").kendoMobileButtonGroup({
    select: function () {
    listViewWrappers.hide()
            .eq(this.selectedIndex)
            .show();
    },
    index: 0
});

除了奇怪的无休止滚动问题外，一切都按预期工作。