ポストバックなしで 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(" ")
@:>>
}
このコードはページングを実装します。しかし、次のリンクをクリックするたびに、ページが更新されます。ページを更新せずにページングしたい。