mvc3 jquery无尽/无限滚动

时间:2014-02-22 21:12:03

标签: jquery asp.net-mvc-3 scroll

我试图弄清楚如何使用mvc3和jquery进行无限/无限滚动并且没有任何工作。我有一个正常的页面,第一次加载时会加载数据,然后当用户向下滚动时,我会尝试调出我的部分视图并加载10行数据。 这是我试图控制的控制器,以加载10行数据

 public PartialViewResult feeds()
    {
          var iefeeds = sqlConnection.Query<thread>("Select top 10 * from threads"}).ToList();
         return PartialView("_maps", new homepage { threadings = iefeeds.ToList(), threader=smith   
    });

部分视图从数据库中加载10行数据非常简单,因为我已对其进行了测试。这是我的Jquery确定何时加载新数据

  $(window).scroll(function ()
             {
                 if($(window).scrollTop== $(document).height() - $(window).height())
                 {

                     $.ajax({
                         type: "GET",
                         url: "Account/feeds"
                     });

                 }

                 });

以及页面下方这是我要添加的foreach

   <div id="update">
   @foreach (var item in Model)
            {


            }
     </div>

因此,为了回顾用户第一次来到页面,帐户/供稿部分视图会自动触发10个项目,现在我想在滚动条点击底部时添加10个项目来自同一部分视图的窗口,任何帮助都会大大降低。

0 个答案:

没有答案