Creating TabView tabs dynamically by iterating

[shuta]

Something I would really like to see in PrimeFaces is creating tabs dynamically, as with the DataGrid, for example:

Code: Select all

<p:tabView var="tabVar" value="#{controller.tabs}">						
  <p:tab title="#{tabVar.title}">
    <h:outputText value="#{tabVar.text}"/>
    ...						
  </p:tab>
</p:tabView>

Are there any plans for this / may I add a feature request for this item?

[Alex]

this is quite easy with c:foreach

Code: Select all

<p:tabView>
  <c:forEach items="#{controller.tabs}" var="tabVar">
    <p:tab title="#{tabVar.title}">
      ...
    </p:tab>
  </c:forEach>
</p:tabView>

[jlferreira]

Could you post your controller class?
I tryed to do the same, but without success. I needed to use jquery, but the system become very slow.
Thank you for help me.

[Alex]

i just took the example from shuta, so i dont have one, but there is nothing complex in it.

it only needs a collection named "tabs" which holds some objects having a "title" attribute (dont forget the getters).
Thats it, there are no other requirements.

[cagatay.civici]

As a note, ui:repeat doesnt work but c:forEach works. We have plans to add support for ui:repeat in PrimeFaces 3.0.