1

リストの質問があります(モデルで約1000の質問)。ユーザーが下にスクロールすると次の100個の質問が表示された後、最初に100個の質問を表示したいと思います。

これを作る方法を知っていますか?

4

2 に答える 2

2

あなたは多くの無限スクロールの実装を探しています

私はおそらく、最初にちょうど間に合うようにスクロールに関するRobConeryのブログを見るでしょう。彼はそれを底なしスクロールと呼んでいます。これはjqueryを使用し、基本的に、スクロール中に高さの計算に基づいてajaxリクエストを発行します。

しかし、もっと多くの例がありますInfinitescrollmvc4を使用したInfinite scroll、mvcを使用したInfinite scroll .. ..

于 2012-12-13T09:16:53.460 に答える
0

新しい行を表示するには、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>");
            });
        }
    });
}
于 2012-12-13T15:33:22.490 に答える