Pagination Ajax dans PagedList.MVC en utilisant une page partielle
PagedList.Mvc fonctionne bien si je n'utilise pas de page partielle mais lorsque j'utilise une page partielle avec ajax pour charger la grille, il y a un problème de pagination.et j'ai terminé avec le support de TroyGoode https: // github. com/TroyGoode/PagedList/issues/26 # issuecomment-647179 , mais le lien fourni pour le support ne fonctionne pas. En ce moment, j'ai utilisé comme ça
@Html.PagedListPager((IPagedList)Model.MovieInforamtions, page => Url.Action("GetMovieDatabase", new { page }))
, ce qui charge la page, mais je dois modifier la pagination de manière ajaxique. Comment puis-je atteindre cet objectif?
Ce problème est résolu en utilisant PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing.
@Html.PagedListPager(
Model.MovieInforamtions,
page => Url.Action("GetMovieDatabase", new { page = page}),
PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions(){ HttpMethod = "GET", UpdateTargetId = "movie_grid"})
)
Alternativement, vous pouvez utiliser jQuery Ajax pour le faire comme dans l'exemple ci-dessous.
Le code fonctionne, mais vous devez ajouter la référence à jquery-unobtrusive-ajax.min.js dans votre vue main ou partial.
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>