Ajax Pagination in PagedList.MVC using partial Page

Question

PagedList.Mvc is working fine if I do not use partial page but when I use partial page with ajax to load the grid then there is problem in pagination.and I ended with the support from TroyGoode https://github.com/TroyGoode/PagedList/issues/26#issuecomment-6471793, But link provided for the support is not working. Right now, I have used like this

@Html.PagedListPager((IPagedList)Model.MovieInforamtions, page => Url.Action("GetMovieDatabase", new { page }))

, which loads the page but I need to change the pagination ajaxically. How can I achieve this?

Answer 1

This issue is solved by using PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing.

@Html.PagedListPager(
    Model.MovieInforamtions, 
    page => Url.Action("GetMovieDatabase", new { page = page}),
    PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions(){  HttpMethod = "GET", UpdateTargetId = "movie_grid"})
)

Answer 2

Alternatively , you can use jQuery Ajax to do so as below example.

https://github.com/ungleng/SimpleAjaxPagedListAndSearchMVC5

Answer 3

The code works, but you need to add the reference to jquery-unobtrusive-ajax.min.js into your main view or partial.

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

Answer 4

People This Code dosent Work You Have To Add Microsoft.Jauery.unobtrusive-ajax To Work If You Don`t Add This Item Dose not Work