Asp.net mvc 3 如何在Mvc3中向下滚动加载数据库表

大家好，我有一个表，它有一个大容量数据和一个显示此数据的屏幕。我想像这样向用户显示数据

如果用户进入此屏幕，我必须只显示我数据库的前20条记录，当他想查看更多并向下滚动时，数据应加载到向下滚动中，我应再次向他显示我数据库的其他20条记录。因此，当他向下滚动时，页面应加载该数据并填充到页面中

我一直在寻找这个问题，但没有得到我想要的…或者我该怎么做…谁能告诉我我该怎么做…

罗布·科纳利写了一篇关于这个问题的文章

他使用JQuery对控制器进行ajax调用以加载更多数据。以下是他用来加载更多内容的方法：

<script type="text/javascript">
    $(window).scroll(function() {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            loadMore();
        }
    });
var current=0;
function loadMore() {

    if (current > -1) {
        current++;

        $('#loading').html("<img src='/content/images/bigloader.gif' />");
        $.get("/archive/index/" + current,
        function(data) {

            if (data != '') {
                $('#results').append(data);
                $('#loading').empty();
            } else {
                current = -1;
                $('#loading').html("<h3><i>-- No more results -- </i></h3>");
            }


        });
    }
}
</script>

$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）==$（文档）.height（）-$（窗口）.height（））{
loadMore（）；
}
});
无功电流=0；
函数loadMore（）{
如果（当前>-1）{
电流++；
$（'#加载'）.html（“”）；
$.get（“/archive/index/”+当前，
功能（数据）{
如果（数据！=''）{
$（“#结果”）。追加（数据）；
$（“#加载”）.empty（）；
}否则{
电流=-1；
$（'#load'）.html（“--不再有结果--”）；
}
});
}
}