1

ポストバックなしで 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(" ")
    @:>>
}

このコードはページングを実装します。しかし、次のリンクをクリックするたびに、ページが更新されます。ページを更新せずにページングしたい。

4

1 に答える 1