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/可能会帮助您入门。

在mvc4中没有回发的分页

1 个答案: