Buenas, no se si alguien tiene experiencia con el uso de ajax para cargar el menu

imagen1

ahi pongo la imagen del menu y del cuerpo, que cuando lo haga click en el enlace opcion 1, el contenido debe cambiar

el codigo que tengo es el siguiente

el que esta en la pagina principal(body.xhtml)


....
<p:layoutUnit id="content" position="center">
<ui:insert name="content">
<ui:include src="#{linker.content}" />
<!--/frame/content/contentview.xhtml-->
</ui:insert>
</p:layoutUnit>


<p:layoutUnit id="menu" position="west" size="200" header="Menu" collapsible="true"><!--175-->
<ui:insert name="menu" >
<ui:include src="/frame/menu/menuview.xhtml" />
</ui:insert>
</p:layoutUnit>
...


este es el del menu(menuview.xhtml)


<h:form>
<p:menu style="width:170px; font-size: 12px">
<p:submenu label="Registro" icon="ui-icon-refresh">

<p:menuitem value="Opcion1" icon="ui-icon-refresh" action="#{linker.route}" process="@all" update=":content"/>

</p:submenu>
</p:menu>
</h:form>


y este ultimo el del bean

@ManagedBean(name = "linker")
@SessionScoped
public class LinkerManagedBean {
private String content="/frame/content/contentview.xhtml";
public LinkerManagedBean() {
}
public void route(){
content="/frame/head/headview.xhtml";
//return "/frame/head/headview.xhtml";
}

public String getContent(){
System.out.println("lala:"+content);
return content;
}
}


lo que pasa ahora es que cuando elijo opcion1 me actualiza y me aparece en blanco, tambien desaparece la linea del lauyout como en la siguiente imagen

imagen2

encontre la solucion inspeccionando el codigo generado y resulta q el estilo y el styleClass se cambian y por lo cual tuve que colocarlo manualmente.