Kendo の Mobile ButtonGroup Demoに従っているのですが、問題が発生しています。デモと同様に、3 つのボタンと 3 つのリストビューを含むボタン グループがあります。各ボタンは特定のリストビューを表示し、他のリストビューを非表示にします。私の最初のリストビューは無限スクロールを使用しています。他の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
});
奇妙な無限スクロールの問題を除いて、すべてが期待どおりに機能します。