mvc4中无回发的分页

Question

我必须在MVC4中实现分页而不需要回发。我已经实现了带有回发的分页。

public ActionResult Index(int? page)
{
    var model = from r in db.Country                        
                orderby r.Description ascending
                select r;
    int pageSize = 10;
    int pageNumber = (page ?? 1);
    return View(model.ToPagedList(pageNumber, pageSize));           
}

我在视图中使用了以下代码

<div id="pagelist">
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount

@if (Model.HasPreviousPage)
{
    @Ajax.ActionLink("<<", "Index", new { page = 1 },null)
    @Html.Raw(" ");
    @Ajax.ActionLink("< Prev", "Index", new { page = Model.PageNumber - 1 },null)
}
else
{
    @:<<
    @Html.Raw(" ");
    @:< Prev
}

@if (Model.HasNextPage)
{
    @Ajax.ActionLink("Next >", "Index", new { page = Model.PageNumber + 1 },null)
    @Html.Raw(" ");
    @Ajax.ActionLink(">>", "Index", new { page = Model.PageCount },null)
}
else
{
    @:Next >
    @Html.Raw(" ")
    @:>>
}

这段代码实现了分页。但每次我点击下一个链接时，页面都会刷新。我想要分页而不刷新页面。

Answer 1

您会想看看

Partial Views

和

Ajax.BeginForm

。这将允许您通过 ajax 获取新结果，而不会导致页面回发。

这篇博文：http://blachniet.com/2011/08/10/partial-views-with-unobtrusive-ajax/可能会帮助您入门。