Макет в Tab TabView

Question

У меня есть этот tabView в layoutUnit, где я могу добавлять и удалять вкладки динамически.

Когда я пытаюсь использовать макет с layoutUnit на вкладке, у меня есть графическая ошибка. Как мне сделать, чтобы использовать макет на вкладке? Могу ли я также оптимизировать обновление tabView при добавлении новой вкладки?

<p:layoutUnit position="center" resizable="true" styleClass="borderlessTopUnit" > 
    <p:tabView id="tabViewExt" activeIndex="#{tabViewManagedBean.activeIndex}" styleClass="borderlessUnit" > 
     <p:ajax event="tabClose" listener="#{tabViewManagedBean.onTabClose}" /> 
     <p:ajax event="tabChange" listener="#{tabViewManagedBean.onTabChange}" /> 

     <c:forEach items="#{tabViewManagedBean.tabs}" var="tab_ext" varStatus="loop_ext" > 
     <p:tab title="#{tab_ext.title}" closable="#{tab_ext.closable}" > 
      <f:subview id="tab_ext_#{loop_ext.index}" > 
       <ui:include src="#{tab_ext.page}" /> 
      </f:subview> 
     </p:tab> 
     </c:forEach>  
    </p:tabView> 
</p:layoutUnit> 

Answer 1

Блок макет должен иметь свою собственную форму вместо этого, также избегаем пытается обновить макет единицы из-за той же причине, обновлять его содержание вместо этого. Вы должны вставлять теги в теги.

<p:layout fullPage="true"> 
    <p:layoutUnit position="center"> 
     <h:form> 
      <p:tabView id="tabViewExt" 
         activeIndex="#{tabViewManagedBean.activeIndex}" 
         styleClass="borderlessUnit" > 
       <p:ajax event="tabClose" listener="#{tabViewManagedBean.onTabClose}" /> 
       <p:ajax event="tabChange" listener="#{tabViewManagedBean.onTabChange}" /> 

       <c:forEach items="#{tabViewManagedBean.tabs}" 
          var="tab_ext" varStatus="loop_ext" > 
        <p:tab title="#{tab_ext.title}" closable="#{tab_ext.closable}" > 
         <f:subview id="tab_ext_#{loop_ext.index}" > 
          <ui:include src="#{tab_ext.page}" /> 
         </f:subview> 
        </p:tab> 
       </c:forEach>  
      </p:tabView> 
     </h:form> 
    </p:layoutUnit> 
</p:layout>