Pagination Component Problem | Community
Skip to main content
Level 6
September 2, 2022
Solved

Pagination Component Problem

  • September 2, 2022
  • 3 replies
  • 1399 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
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
September 4, 2022

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