primefaces子菜单和布局

Question

我有一个布局，我需要在选择菜单项时在中心位置显示一个JSF页面，如果我选择其他菜单项，则必须更改为此等等。我不知道怎么做，所有页面都必须根据菜单中的选择出现在中心位置（左侧位置）

    
                           

<p:layoutUnit position="south" size="50"  resizable="true" closable="false" collapsible="false">  
    <h:outputText value="South unit content." />  
</p:layoutUnit>  

<p:layoutUnit position="west" size="280" header="start" resizable="true" closable="false" collapsible="false">
        <p:panelMenu style="width:100%"> 
            <p:submenu label="clinet maneger" id="panelMenu" >  

                <p:menuitem value="basic"   
                url="/pages/basicInfo.jsf" icon="ui-icon-document" /> 

                <p:menuitem value="clinets information"  
                url="/pages/clinets.jsf" icon="ui-icon-document"/>
                <p:menuitem value="ernterprises Information"  
                url="/pages/enterprises.jsf" icon="ui-icon-document"/>
            </p:submenu>  
            <p:separator />  
        </p:panelMenu>  
</p:layoutUnit>

<p:layoutUnit id="center" position="center" resizable="true">
        <ui:insert name="center"></ui:insert>
        <ui:include src="/pages/clinetsList.xhtml"></ui:include>
</p:layoutUnit>