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

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>"); 
      }); 
     } 
    }); 
}