0

我试图搜索 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>

这段代码运行良好。

请有任何想法或样品。

谢谢。

4

1 回答 1

0

Rob Conery 写了一篇关于这个主题的详细博客文章。

于 2012-06-21T07:07:40.413 回答