Base solution for your next web application
Open Closed

Implementin paginator control on the page #2308


User avatar
0
cicciottino created

I've prepared pagination serverside and it seems to work correctly (my DTO extends PagedResultRequestDto) Does abp expose javascript API accordingly to the serverside counterpart (like it does for application layers) for this pourpose? If not, can you suggest me some snippet of code to use the bootstrap paginator and make it work? I'd like to do this for didactic purpose and without using ui-grid, thanks a lot.

Bootstrap paginator

<nav aria-label="Page navigation">
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

3 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    We don't have a special integration with bootstrap. But as you know ABP generates dynamic proxies for your appServices, see <a class="postlink" href="http://aspnetboilerplate.com/Pages/Documents/Dynamic-Web-API#DocDynamicProxy">http://aspnetboilerplate.com/Pages/Docu ... namicProxy</a>.

    You can give your paging parameter as an ajax parameter while calling your app service method via dynamic proxy.

  • User Avatar
    0
    cicciottino created

    Ok thanks, i supposed that!

    So i did the dirty job to manage the paginator links using this jquery plugin with little effort.

    Here is the link, it can be useful to someone: <a class="postlink" href="https://esimakin.github.io/twbs-pagination/">https://esimakin.github.io/twbs-pagination/</a>

  • User Avatar
    0
    ismcagdas created
    Support Team

    Thanks for sharing :)