1

我正在关注 Kendo 的 Mobile ButtonGroup Demo，但遇到了问题。与演示一样，我有一个包含三个按钮和三个列表视图的按钮组。每个按钮显示一个特定的列表视图，并隐藏其他的。我的第一个列表视图使用无限滚动。每当我滚动到其他 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
});

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

4

0 回答 0