リストの質問があります(モデルで約1000の質問)。ユーザーが下にスクロールすると次の100個の質問が表示された後、最初に100個の質問を表示したいと思います。
これを作る方法を知っていますか?
リストの質問があります(モデルで約1000の質問)。ユーザーが下にスクロールすると次の100個の質問が表示された後、最初に100個の質問を表示したいと思います。
これを作る方法を知っていますか?
あなたは多くの無限スクロールの実装を探しています
私はおそらく、最初にちょうど間に合うようにスクロールに関するRobConeryのブログを見るでしょう。彼はそれを底なしスクロールと呼んでいます。これはjqueryを使用し、基本的に、スクロール中に高さの計算に基づいてajaxリクエストを発行します。
しかし、もっと多くの例がありますInfinitescroll、mvc4を使用したInfinite scroll、mvcを使用したInfinite scroll .. ..
新しい行を表示するには、javascriptを介していくつかのajax呼び出しをプログラムしてから、次のjavascriptコードを使用する必要があります。
$(window).scroll(function () {
if (document.documentElement.clientHeight + $(document).scrollTop() >= document.body.offsetHeight) {
getCities(10);
}
});
ここにメソッドの例があります:
function getCities(count) {
$.getJSON("@Url.Action("GetCities")", { term: $("#search").val(), start: $("#cities tbody tr").length, count: count }, function (data, status, req) {
if (data.count != 0) {
$.each(data.cities, function() {
$("#cities tbody").append("<tr data-id='" + cityid + "' data-state='" + stateid + "'><td>" + name + "</td><td>" + state + "</td></tr>");
});
}
});
}