Question

Buenas noches compañeros, estoy realizando una web en JSF, he abierto otros casos porque voy aprendiendo de vosotros :D

Me ha surgido un problema, tengo este código:

<ui:composition id="content">
        <h:form>
            <nav id="menuWeb">
                <p:dataList value="#{controller.menusSeleccion}" var="ms" pt:data-inset="true" paginator="false">
                    <menu> 
                       <h:link value="#{ms.nombre}" outcome="#{ms.rutaArchivo}" />
                    </menu> 
               </p:dataList>
            </nav>
        </h:form>
    </ui:composition>

Que efectúa una salida para hacer un menú horizontal dinámico cargando los datos desde un controller en la BD. El caso es que quiero como puedo hacer para que, al darle click en una opción del menú, se cargue la vista seleccionada en el body de la web o en un div que indique yo en cuyo caso. Desde JQuery es muy sencillo, pero quiero hacer desde JSF sin llamadas a JQuery.

Había pensado en hacer un h:commandLink y meterle un action, pero para eso, necesitaría recoger el valor del nombre de alguna forma o algo asi, ¿No?

Answer 1

Buenas Yesod depende mucho de que es lo que quieres que se cargue en el body de la web. En el caso mas general donde cada elemento de menu se corresponda con una página podría resolverse de la siguiente manera;

En el controller

public class Controller{
 //@Getter
 //@Setter
 private String rutaActual;
...
 }

En la vista:

<ui:composition id="content">
      <h:form>
          <nav id="menuWeb">
            <p:dataList value="#{controller.menusSeleccion}" var="ms" pt:data-inset="true" paginator="false">
                    <p:commandLink value="#{ms.nombre}" ajax="true" actionListener="#{controller.setRutaActual(ms.rutaArchivo)} update=":content">
          </p:dataList>
      </nav>
  </h:form>

  <p:outputPanel id="content" >
    <ui:include src="#{controller.rutaActual}" >
  </p:outputPanel>
</ui:composition>

Espero que te ayude, un saludo