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

同样的功能需要被复制到一个新的异步controller。控制器文件夹选中,右键单击并选择“添加→控制器。新
控制器将被命名为CommentFeedController。该控制器不需要脚手架模板功能,下拉,选择空
控制器,然后按添加。

这个控制器会看起来与一个典型的控制器稍有不同。使用异步控制器,一个view将分成两个函数。第一个函数执行的异步
请求(例如,检索的view)。第二个函数接收结果,异步调用和返回或显示的结果。

提示:在下面的例子,呈现局部视图。在某些应用中,它可能是有益的,以减少网络流量,返回一个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="https://www.jb51.net/@Url.Action(" 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去匹配评论输入间距。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/77da55bee866b8d424eaff819af5deae.html