主面布局崩溃，关闭不工作

Question

我使用全页布局控制从Prime-faces。我有三种布局，分别是西、东、中。西布局和东布局是可折叠的。另外，我有一个按钮在西部布局，其中有点击事件，应该改变中心布局内容与另一个x html页面。问题是，在点击按钮之前布局的折叠工作得很好但点击按钮之后折叠就不工作了。我的HTML代码包括:对那个问题有任何想法请与我分享。谢谢。

<p:layout fullPage="true">
        <p:layoutUnit header="West" position="west" resizable="true" size="200" collapsible="true" >
            <h:form>                       
                 <h:commandButton value="button" action="#interfaceAjaxes.hit()}">
                          <f:param name="name" value="new.xhtml"/>
                          <f:ajax render=":form:mainContent"/>                            
                  </h:commandButton>
            </h:form>
        </p:layoutUnit>
        <p:layoutUnit position="east" header="East" collapsible="true" size="200">
            <h:form>
            </h:form>
        </p:layoutUnit>
        <p:layoutUnit position="center">
            <h:form id="form" style="background: transparent">
                <div>
                    <h:panelGroup id="mainContent">
                        <ui:include src="#{interfaceAjaxes.mainContent}"/>
                    </h:panelGroup>
                </div>
            </h:form>
        </p:layoutUnit>
    </p:layout>

Answer 1

我发现了它，显然你只呈现加载的页面，而不是其他功能，所以使用:

<f:ajax render=":form:mainContent @all"/> 

代替:

<f:ajax render=":form:mainContent"/>

希望这是有用的。