/ / Paginación sin devolución en mvc4 - asp.net-mvc-3, asp.net-mvc-4, paginación

Paginación sin devolución de datos en mvc4 - asp.net-mvc-3, asp.net-mvc-4, paginación

Tengo que implementar la paginación en MVC4 sin devolución de datos. He implementado la paginación con devolución de datos.

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));
}

y he usado el siguiente código a la vista

<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(" ")
@:>>
}

Este código implementa la paginación. Pero cada vez que hago clic en el siguiente enlace, la página se actualiza. Quiero la paginación sin actualizar la página.

Respuestas

0 para la respuesta № 1

Usted querrá echar un vistazo a Partial Views y Ajax.BeginForm. Esto le permitirá obtener nuevos resultados a través de ajax que no generarán una devolución de datos en la página.

Esta entrada de blog: http://blachniet.com/2011/08/10/partial-views-with-unobtrusive-ajax/ puede ayudarte a empezar.