Mobile application multipage
mlg27 Jul 7, 2014 6:05 AMI'm using jsf2, eclipse, primefaces 5.0 and gatein portal 3.6.0.
In faces config i have:
<application>
<navigation-handler>
org.primefaces.mobile.application.MobileNavigationHandler
</navigation-handler>
</application>
<application>
<default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id>
</application>
The problem is that the 2 pm:page are rendered when the application initiates.
the xhtml:
<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:pm="http://primefaces.org/mobile" contentType="text/html" > <h:head > <script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script> <script src="http://www.openlayers.org/api/OpenLayers.js"></script> <script type="text/javascript"> function fillId() { // setId("#{idBean.idform}"); } </script> </h:head> <h:body > <pm:page id="pmpage"> <h:form id="form" > <p:accordionPanel id="acp" style="width:100%;height:100%;" > <p:tab title="Escolhe Divisão" > <h:panelGrid columns="2" style="margin-bottom:5px" cellpadding="5"> <p:outputLabel for="freg" value="Freguesias: " /> <p:selectBooleanCheckbox id="freg" /> <p:outputLabel for="muni" value="Municipios: "/> <p:selectBooleanCheckbox id="muni" value="#{dataManager.muniChecked}" > <!-- <p:ajax event="change" process="@parent" oncomplete="showMunicipios()"/>--> </p:selectBooleanCheckbox> <p:outputLabel for="dist" value="Distritos: " /> <p:selectBooleanCheckbox id="dist" value="#{dataManager.distChecked}" > <!--<p:ajax event="change" process="@parent" oncomplete="showDistritos()"/>--> </p:selectBooleanCheckbox> <p:outputLabel for="marc" value="Activar Marcadores: " /> <p:selectBooleanCheckbox id="marc" disabled="#{checkBean.disabledMarc}"> <f:ajax event="change" process="@this" listener="#{checkBean.marcChanged}"/> </p:selectBooleanCheckbox> </h:panelGrid> </p:tab> <p:tab title="Visualização lotes"> <h:panelGrid columns="2" style="margin-bottom:5px" cellpadding="5"> <h:outputText value="Selecionar: " /> <p:selectBooleanCheckbox id="sel" disabled="#{checkBean.disabledSel}" rendered="true"> </p:selectBooleanCheckbox> <p:button outcome="pm:second" value="go"></p:button> </h:panelGrid > </p:tab> </p:accordionPanel> </h:form> </pm:page> <pm:page id="second"> <pm:header></pm:header> <pm:content styleClass="jqm-content"> <pm:inputSlider maxValue="10" minValue="1"></pm:inputSlider> <p:panelGrid columns="2"> <p:commandButton id="btn-basic" value="Basic" type="button"/> <p:commandButton id="btn-dynamic" value="Dynamic" type="button"/> </p:panelGrid> </pm:content> <p:overlayPanel for="btn-basic" widgetVar="pnl-basic" at="right" showEffect="overlay"> <h2>Panel Content</h2> <p:menu> <p:menuitem value="Link 1" url="#" /> <p:menuitem value="Link 2" url="#" /> <p:menuitem value="Link 3" url="#" /> </p:menu> </p:overlayPanel> <p:overlayPanel for="btn-dynamic" widgetVar="pnl-dynamic" at="right" showEffect="overlay" dynamic="true"> <h2>Dynamic Content</h2> <p>This content is loaded on demand to speed up initial page load time.</p> </p:overlayPanel> </pm:page> </h:body> </f:view>
Can anyone help me?