Pagination Component Problem

[Sanjana12]

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

[Bimmi_Soi]

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

[Manu_Mathew_ · Accepted solution]

@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]

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