Skip to main content
Level 6
September 2, 2022
Solved

Pagination Component Problem

  • September 2, 2022
  • 3 replies
  • 1422 views

Hi, my pagination component is not working. Can anybody provide the source code including js, dialog, html and sling model. Thank you

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Manu_Mathew_

@sanjana12 The js, html , siling models and dialogs can be handled differently based on the use case you have for your component.  

Operations performed by each modules:
1. Sling Model: Adapt the pages as SlingHttprequest, thus we can easily retrieve selector parameter.
2. Query Builder:Based on the selector received on step 1- it queries the JCR.
3. JavaScript Use API: With the help of number of results, it create pagination links.
4. Sightly:As usual its used as View to render everything to user.

 

Souce code totally depends on your use case.

Hope this helps!

 

 

3 replies

Adobe Employee
September 2, 2022
Manu_Mathew_
Community Advisor
Manu_Mathew_Community AdvisorAccepted solution
Community Advisor
September 4, 2022

@sanjana12 The js, html , siling models and dialogs can be handled differently based on the use case you have for your component.  

Operations performed by each modules:
1. Sling Model: Adapt the pages as SlingHttprequest, thus we can easily retrieve selector parameter.
2. Query Builder:Based on the selector received on step 1- it queries the JCR.
3. JavaScript Use API: With the help of number of results, it create pagination links.
4. Sightly:As usual its used as View to render everything to user.

 

Souce code totally depends on your use case.

Hope this helps!

 

 

HeenaMadan
Adobe Champion and Community Advisor
Adobe Champion and Community Advisor
September 4, 2022

Refer Complete code of Pagination Component https://github.com/AEMClub/adobe-aem-club/tree/master/sightlypagination