使用异步controller与jQuery实现卷帘式分页

提示：在下面的例子，呈现局部视图。在某些应用中，它可能是有益的，以减少网络流量，返回一个JSON结果，让JavaScript代码处理与显示。但是，要简化这个例子，重点放在异步控制器，前者将用于返回一个partial view。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication.Models;
using System.Data.Entity;
namespace MvcApplication.Controllers
{
public class CommentFeedController : AsyncController
{
private BookDBContext db = new BookDBContext();
public void CommentsAsync(int page)
{
AsyncManager.OutstandingOperations.Increment();
AsyncManager.Sync(() =>
{
var bookcomments = db.BookComments.Include(
b => b.Book).OrderByDescending(b =>
b.Created).Skip(page * 3).Take(3);
AsyncManager.Parameters["bookcomments"] =
bookcomments;
AsyncManager.OutstandingOperations.Decrement();
});
}
public ActionResult CommentsCompleted(
IEnumerable<BookComment> bookcomments)
{
return PartialView(bookcomments);
}
}
}

第一个 函数，CommentsAsync，接收从javascript传入的当前页面，并且用这个值去检索接下来的三个评论。然后通过异步方法，检索评论并且传递一个变量到第二个函数。最终的事是执行AsyncManager.OutstandingOperations.Decrement()方法。OutstandingOperations（未解决操作）的increment（递增）和decrement（递减）的匹配是很重要的。否则，当他们不匹配时，sync manager 将取消请求，这可以组织永不休止的请求。

第二个函数接收book comments 并且返回一个partial view。这和Home/Index view一样。在这个过程的最后一个步骤是创建partial view。右击文件夹，添加新文件夹。这个文件夹应该命名为CommentFeed去匹配controller的名字。选择这个文件夹，右击，点Add→View 命名为Comments—–在添加它之前确定去检查Partial view。

@model IEnumerable<MvcApplication.Models.BookComment>
@foreach (var item in Model) {
<h3><a href="@Url.Action(" rel="external nofollow" Details", "Books", new {ID=item.Book.ID } )">
@Html.DisplayFor(modelItem => item.Book.Title)
</a></h3>
<h4>Comment Posted: @Html.DisplayFor(
modelItem => item.Created)</h4>
<p>@MvcHtmlString.Create(Html.Encode(item.Comment).Replace(
Environment.NewLine, "<br />"))</p>
}

上边的view遍历comments，并首先显示书的标题和详细信息页面的链接，然后创建评论的日期，最后创建comment本身。由于View里可能包含换行符，用<br/>替代每个Evironment.NewLine去匹配评论输入间距。