Layout 布局到选项卡视图的选项卡中

我把这个选项卡视图放在一个布局单元中，在那里我可以手动添加和删除选项卡

当我尝试在选项卡中使用带有layoutUnit的布局时，出现了图形错误。 如何将布局使用到选项卡中？ 在添加新选项卡时，是否也可以优化选项卡视图更新

<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>  

---

一个布局单元必须有它自己的表单，同时避免因为以下原因而试图更新布局单元 同样的原因，更新它的内容。您应该在标记中嵌套标记

<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>