Create custom declarative component like container

Question

Hi all,
I'm using Jdev 12c.
I wanna create a custom declarative component like this:
container.jsf :
<af:panelGroupLayout id="#{attrs.Name}_VIEWPORT" layout="scroll" binding="#{attrs.Binding}"
                         inlineStyle="position:absolute;width:#{attrs.ViewportWidth}px;height:#{attrs.ViewportHeight}px;top:#{attrs.ViewportY}px;left:#{attrs.ViewportX}px;border:1px solid;background:#c6c6ff;z-index:#{attrs.ZIndex};">
        <af:panelGroupLayout id="#{attrs.Name}" layout="scroll"
                             inlineStyle="position:absolute;width:#{attrs.Width}px;height:#{attrs.Height}px;">
        </af:panelGroupLayout>
    </af:panelGroupLayout>
<af:xmlContent>
        <afc:component>
            <afc:description/>
</af:xmlContent>
I use this custom component to group some child components like this:
<abc:container ...>
     <af:inputText ... />
     <af:inputText ... />
</abc:container>
But the things is in Java code, I cannot get RichInputText components :
this is my function:
    private void getFacetAndChild(UIComponent parent) {
        Iterator childrens = parent.getFacetsAndChildren();
        while (childrens.hasNext()) {
            UIComponent child = (UIComponent)childrens.next();
            System.out.println("Log child >> " + child);
            getFacetAndChild(child);
this function only print the second RichPanelGroupLayout.
Any ideas to help me to get all RichInputText ?
Thanks and Best Regards!

Answer 1

Hi All,
I found the solution. Just add one facet to Custom Container
<af:panelGroupLayout id="#{attrs.Name}_VIEWPORT" layout="scroll" binding="#{attrs.Binding}" 
                         inlineStyle="position:absolute;width:#{attrs.ViewportWidth}px;height:#{attrs.ViewportHeight}px;top:#{attrs.ViewportY}px;left:#{attrs.ViewportX}px;border:1px solid;background:#c6c6ff;z-index:#{attrs.ZIndex};"> 
        <af:panelGroupLayout id="#{attrs.Name}" layout="scroll" 
                             inlineStyle="position:absolute;width:#{attrs.Width}px;height:#{attrs.Height}px;"> 
                       <af:facetRef facetName="child"/>
        </af:panelGroupLayout> 
    </af:panelGroupLayout> 
<af:xmlContent> 
        <afc:component> 
            <afc:description/> 
</af:xmlContent> 
And the used page:
<abc:container ...>
     <f:facet name="child">
          <af:inputText ... />
          <af:inputText ... />
     </f:facet>
</abc:container>
Maybe this solution will help others to create a custom container
Thanks and Best Regards!