如何用JSF和PrimeFaces实现多级手风琴？

Question

我是JSF和PrimeFaces的新手，我尝试实现多级手风琴，比如

<p:accordionPanel value="#{view.list1}" var="val1">
   <p:tab title="Value - #{val1}">
       <p:accordionPanel value="#{view.list2}" var="val2">
            <p:tab title="Value - #{val2}">
                <h:panelGrid columns="1" cellpadding="5">
                    <h:outputText value="#{val2}" />
                </h:panelGrid>
            </p:tab>
       </p:accordionPanel>
   </p:tab>
</p:accordionPanel>

，但这不起作用。我还尝试使用panelMenu组件：

<p:panelMenu style="width:300px">
    <p:submenu label="Values">
        <ui:repeat var="val1" value="#{view.list1}" varStatus="loop">
            <p:menuitem value="#{val1}" /> 
        </ui:repeat>
    </p:submenu>
</p:panelMenu>

，但它并没有与ui:repeat结合，抛出

java.lang.ClassCastException: com.sun.faces.facelets.component.UIRepeat cannot be cast to org.primefaces.model.menu.MenuElement

有没有办法实现这个东西，哪个是最好的？

***我了解树组件，但它并不适合。