web-dev-qa-db-ja.com

部分ページを使用したPagedList.MVCのAjaxページネーション

部分ページを使用しない場合、PagedList.Mvcは正常に動作しますが、ページをajaxで使用してグリッドをロードすると、ページネーションに問題があります。そして、TroyGoode https:// github。 com/TroyGoode/PagedList/issues/26#issuecomment-647179 、しかし、サポートに提供されたリンクは機能していません。今、私はこのように使用しています

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

、ページを読み込みますが、ページネーションを無意識に変更する必要があります。どうすればこれを達成できますか?

21

この問題は、PagedListRenderOptions.EnableUnobtrusiveAjaxReplacingを使用して解決されます。

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

または、次の例のようにjQuery Ajaxを使用できます。

https://github.com/ungleng/SimpleAjaxPagedListAndSearchMVC5

5
LENG UNG

コードは動作しますが、jquery-unobtrusive-ajax.min.jsへの参照をmainビューまたはpartialに追加する必要があります。

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