Question

我有列表问题（模型中约有1000个问题）。我希望在用户向下滚动后呈现100个下一个问题，首先在视图上呈现100个问题。

你知道怎么做吗？

Answer 1

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

我可能首先看Rob Conery's blog on scroll just in time，他称之为无底滚动。它使用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>");
            });
        }
    });
}

在模型mvc3中渲染列表的一部分

2 个答案: