asp.net-mvc - 在模型 mvc3 中渲染列表的一部分

Question

我有列出问题（模型中大约有 1000 个问题）。我想在用户向下滚动后首先呈现 100 个问题，然后再呈现 100 个下一个问题。

你知道怎么做吗？

Answer 1

您正在寻找一个无限滚动的实现，其中有很多

我可能会先看看Rob Conery 关于滚动的博客，他称之为无底滚动。它使用 jquery 并且基本上在您滚动时根据高度计算触发 ajax 请求。

但是还有更多的例子Infinitescroll , Infinite scroll with mvc4 , Infinite scroll with mvc ...

Answer 2

你必须通过 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>");
            });
        }
    });
}