Adobe Experience Manager Sites & More

Sanjana12 · 9/2/22

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

Manu_Mathew_ · 9/3/22

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

View solution in original post

Bimmi_Soi · 9/2/22

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_ · 9/3/22

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