Question

我试图在2天内搜索如何在asp.net mvc项目中进行分页滚动。但我刚刚发现了不适合的结果。

我正在使用asp.net mvc 2，我通过JSON从我的控制器中检索所有数据，并且我将JSON结果显示在我的mvc项目视图中。结果，我在视图中显示了许多产品（我将产品放在表中）。所以我想做一个分页滚动，当用户滚动到元素之外时，在屏幕底部自动加载新内容，就像Facebook的状态更新一样。

这是一些代码显示我如何在部分视图中显示JSON：

<script type="text/javascript" language="javascript">
 $(document).ready(function () {
   var url = '<%: Url.Content("~/") %>' + "ProductListing/AllProductListing";
   var $parent = $("#productlist").empty();

   $parent.append('<br/><table id="myTable" cellpadding="0" cellspacing="0" width="100%" class="productlist" style="margin-left:4px; padding-top:2px;"><tbody>');

   var loading = $.getJSON(url,function (product) {
   if(product.ja.length == 0){
     $('#loading').hide();
     $("#productlist").html("<br/><br/><br/><br/><b>There is no product in this category.</b>");
   }
   while (k < loopK) {
     var count_item = 0;
     $.each(product.ja, function (index, value) {
      //blah blah blah ....

     });
    }
  });
});
</script>

这段代码运作良好。

请任何想法或样品。

感谢。

Answer 1

Rob Conery在这个主题上写了detailed blog post。

Asp.net MVC中的Jquery分页滚动

1 个答案: