How can we enable and disable lazy loading in listing pages created in site view | Adobe Higher Education
Skip to main content
December 20, 2019
解決済み

How can we enable and disable lazy loading in listing pages created in site view

  • December 20, 2019
  • 1 の返信
  • 834 ビュー

Hello all,

 

In site view, when clicking on a parent page, its first set of child pages are listed, then next set will be listed as we scroll down. this will continue until all pages are listed. Is there a way to stop this and to list all sub pages once click on the parent page. I am using AEM 6.3.

 

Thanks and Regards,

Eranda

このトピックへの返信は締め切られました。
ベストアンサー BrianKasingli

@eranda_kasturiratna ,

it sounds like you are trying to build a page catalogue with lazy loading. Assuming that JavaScript is an acceptable solution, then I would create a servlet that returns a list of pages via JSON format that accepts an offset parameter. The offset parameter is used to return a list of pages as the "next collection of pages", based on the offset.

Once the servlet have been created, you can write some JavaScript to request for the first collection of pages (from offset=0), and this will return for example the first 10 pages. On the initial load of the page, JavaScript will write the JSON response into the view.

When the page is scrolled to the near bottom of the page JavaScript will make another GET request (offset=1), so the next list of 10 pages will be returned, then JavaScript will write the JSON response into the view.

Next, when the page is scrolled down to the new near bottom of the page, make another GET request (offet=2), so the next list of pages will be returned, and so on...

I hope this helps.

1 の返信

BrianKasingli
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
July 13, 2020

@eranda_kasturiratna ,

it sounds like you are trying to build a page catalogue with lazy loading. Assuming that JavaScript is an acceptable solution, then I would create a servlet that returns a list of pages via JSON format that accepts an offset parameter. The offset parameter is used to return a list of pages as the "next collection of pages", based on the offset.

Once the servlet have been created, you can write some JavaScript to request for the first collection of pages (from offset=0), and this will return for example the first 10 pages. On the initial load of the page, JavaScript will write the JSON response into the view.

When the page is scrolled to the near bottom of the page JavaScript will make another GET request (offset=1), so the next list of 10 pages will be returned, then JavaScript will write the JSON response into the view.

Next, when the page is scrolled down to the new near bottom of the page, make another GET request (offet=2), so the next list of pages will be returned, and so on...

I hope this helps.