Getting child pages on the root page

[nathes]

A developer is creating a custom component using sling model on the page and listing all the child pages of the root page. Wants to show all child pages on the root page itself .How can we achieve that?

[Imran__Khan · Accepted solution]

@nathes There are two ways:

1. As part of component dialog provide a path browser property to choose root path and read all its child in sling model.

2. Consider the current page as root page where we are dropping this component. Using current page you can iterate its child, get its value and return to Sightly to show on the page.

import com.day.cq.wcm.api.Page;
import org.apache.sling.api.SlingHttpServletRequest;
import org.apache.sling.api.resource.Resource;
import org.apache.sling.models.annotations.DefaultInjectionStrategy;
import org.apache.sling.models.annotations.Model;

import javax.annotation.PostConstruct;
import javax.inject.Inject;
import java.util.Iterator;

@Model(adaptables = { SlingHttpServletRequest.class,
        Resource.class }, defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
public class RootPathModel {

    @Inject
    private Page currentPage;
    
    @PostConstruct
    protected void init() {
        Iterator<Page> childPages = currentPage.listChildren();
        while (childPages.hasNext()) {
            Page childPage = childPages.next();
            // Collect data, store it in list and return to sightly.
        }
    }
}

[Shiv_Prakash_Patel]

Hi @nathes ,

You can also have a look on similar reference below:

•  https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-get-child-pages-of-... 
• https://www.albinsblog.com/2015/03/how-to-get-child-pages-of-root-page.html 

Regards,

Shiv 

[pulkitvashisth]

@nathes 

Best practice would be to use the ootb List core component

: https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/v2-c...

Its simple and ready to use. You can override scripts you want accordingly by proxying the component in your project using sling:resourceSuperType.

[kautuk_sahni]

@nathes Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.