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?

score 47 · Accepted Answer · edited Aug 02 '23 at 10:35

47

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

edited Aug 02 '23 at 10:35

Chuck D

1,629
2
16
32

answered Dec 30 '13 at 11:42

Yogendra Paudyal

1,387
1
12
17

Can you post the link to your project if present in GitHub or somewhere? – Rockstart Jun 20 '14 at 20:29
what if we want to **bookmark** example: page 2 , as said [here](http://stackoverflow.com/a/20824965/2218697) in address bar query strings are not present on Ajax GET, is there any solution using ajax history [plugins](http://stackoverflow.com/questions/3242644/the-best-ajax-history-and-bookmark-plugin-currently-available)? – Shaiju T Feb 22 '16 at 09:52
This shows a blank page if user login session is timeout. How the ajax request response can be intercepted here to check the status? – InTheWorldOfCodingApplications Sep 15 '16 at 15:30

score 6 · Answer 2 · answered Mar 30 '15 at 00:16

6

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

https://github.com/ungleng/SimpleAjaxPagedListAndSearchMVC5

answered Mar 30 '15 at 00:16

LENG UNG

473
6
5

score 4 · Answer 3 · edited May 08 '19 at 15:48

4

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>

edited May 08 '19 at 15:48

Adrita Sharma

21,581
10
69
79

answered May 08 '19 at 13:51

pape moussa ndiaye

41
1

score -3 · Answer 4 · edited Oct 20 '17 at 09:58

-3

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

edited Oct 20 '17 at 09:58

Aurasphere

3,841
12
44
71

answered Oct 20 '17 at 09:31

user8805778

9

Ajax Pagination in PagedList.MVC using partial Page

4 Answers4

Linked