Hi, my pagination component is not working. Can anybody provide the source code including js, dialog, html and sling model. Thank you
Solved! Go to Solution.
Views
Replies
Total Likes
@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!
Hi @Sanjana12 ,
Please go through below links
https://aem4beginner.blogspot.com/sightly-pagination-component-using
Custom implementation
https://www.tothenew.com/blog/full-text-search-in-aem-using-query-builder/
Hope this helps!!
Thanks
@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!
Refer Complete code of Pagination Component https://github.com/AEMClub/adobe-aem-club/tree/master/sightlypagination