title: How to Ajax when changing pages in ASP.NET Core using X.PagedList?
body: <p>This is my ViewComponet:</p>
  
  <pre><code>@model X.PagedList.PagedList&lt;CbWebApp.DTOs.UsuarioDTO&gt;
  @using X.PagedList.Mvc.Core
  @using X.PagedList.Mvc.Common
  
  //.....more code
  
   &lt;div class="pagination-sm text-center"&gt;
   Página @(Model.PageCount &lt; Model.PageNumber ? 0 : Model.PageNumber) de 
   @Model.PageCount
   @Html.PagedListPager(Model, page =&gt; Url.Action("ListaUsuario", new { page = page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new PagedListRenderOptions {  Display = PagedListDisplayMode.IfNeeded, MaximumPageNumbersToDisplay = 5 }, new AjaxOptions { InsertionMode = InsertionMode.Replace, HttpMethod = "Get", UpdateTargetId = "usuariosPartial" }))
   &lt;/div&gt;
  
  // more code....
  </code></pre>
  
  <p>My partialView that has the ViewComponent to be rendered and the DIV of reference:</p>
  
  <pre><code>  &lt;div id="usuariosPartial" class="col-xs-12 col-md-12"&gt;
              @await Component.InvokeAsync("Usuario")
    &lt;/div&gt;
  </code></pre>
  
  <p>Maybe I can get the X.PagedList HTML id for JQuery for instance something like that:</p>
  
  <pre><code> // is this the correct id?
   $("#pagesizelist").change(function (event) {  
  </code></pre>
  
  <p>I tried that id but with no success. :(</p>