problems with TogglePanel 2
I'm having problems with (togglePanel)'ve checked the documentation but could not find a strategy that solves my problem.
In my TooglePanel have 6 forms, I'll post my code aki, I would like help choosing the best strategy for my case.
My togglePanel:
<h:form id="formToogle"> <Rich: togglePanel switchType = "ajax" id = "togglePanel1" stateOrder = "CAD1, CAD2, CAD3, cad4, cad5, cad6, cad7" InitialState = "CAD1"> <f:facet name="cad1"> <f:subview id="subUoCad"> <h:form id="formUOCad"> <ui:include src="UOCad.xhtml"> <ui:param name="next" value="cad2" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad2"> <f:subview id="subUoCad2"> <h:form id="formPerCad"> <ui:include src="/pages/fragments/perOpCadFragment.xhtml"> <ui:param name="previous" value="cad1" /> <ui:param name="next" value="cad3" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad3"> <f:subview id="subUoCad3"> <h:form id="formMacCad"> <ui:include src="medMacCad.xhtml"> <ui:param name="previous" value="cad2" /> <ui:param name="next" value="cad4" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad4"> <f:subview id="subUoCad4"> <h:form id="formMedCad"> <ui:include src="medHorCad.xhtml"> <ui:param name="previous" value="cad3" /> <ui:param name="next" value="cad5" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad5"> <f:subview id="subUoCad5"> <h:form id="formPadCad"> <ui:include src="/pages/fragments/padCadFragment.xhtml"> <ui:param name="previous" value="cad4" /> <ui:param name="next" value="cad6" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad6"> <f:subview id="subUoCad6"> <h:form id="formCliCad"> <ui:include src="cliEnergiaCad.xhtml"> <ui:param name="previous" value="cad5" /> <ui:param name="next" value="cad7" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> <f:facet name="cad7"> <f:subview id="subUoCad7"> <h:form id="formSisCad"> <ui:include src="sistIntegCad.xhtml"> <ui:param name="previous" value="cad6" /> <ui:param name="next" value="cad1" /> <ui:param name="tipBlock" value="/pages/op_agua/tipBlock.xhtml" /> </ Ui: include> </ H: form> </ F: SubViewer> </ F: facet> </ Rich: togglePanel> </ H: form> </ Rich: modalPanel>
The pages that are included in togglePanel has the following format:
perOpCadFragment.xhtml
<? Xml version = "1.0" encoding = "ISO-8859-1"?>
<Ui: composition xmlns = "http://www.w3.org/1999/xhtml"
xmlns: ui = "http://java.sun.com/jsf/facelets"
xmlns: h = "http://java.sun.com/jsf/html"
xmlns: f = "http://java.sun.com/jsf/core"
xmlns: a4j = "http://richfaces.org/a4j"
xmlns: c = "http://java.sun.com/jstl/core"
xmlns: rich = "http://richfaces.org/rich">
<a4j:outputPanel id="cadPadOp">
<a4j:keepAlive beanName="mBGerenciarPadrao" ajaxOnly="true" />
<div id="formVert" style="width: 383px;">
<h5> Step 5 of 7: Standard Operating <strong> </ strong> </ h5>
<div class="contorno_azul">
<table cellpadding="0" cellspacing="0">
<tr>
<td> Initial reference: </ td>
<td> <h: outputText value = "Reference End"
rendered = "# {mBGerenciarPadrao.isEditing}" /> </ td>
</ Tr>
<tr>
<td> <rich: calendar
disabled = "# {} mbGerenciarPadrao.enableReferenciaFinal"
oncurrentdateselected = "event.rich.component.selectDate (event.rich.date)"
popup = "false" styleClass = "special btn2"
value = "# {} mBGerenciarPadrao.padraoFuncionamento.dataInicio"
locale = "en" required = "true" showFooter = "false" id = "dtRferencia"
requiredMessage = "Field initial reference is mandatory!">
</ Rich: calendar> </ td>
<td> <rich: calendar
disabled =! mbGerenciarPadrao.enableReferenciaFinal "
oncurrentdateselected = "event.rich.component.selectDate (event.rich.date)"
popup = "false" styleClass = "special btn2"
value = "# {} mBGerenciarPadrao.padraoFuncionamento.dataFim"
locale = "en" required = "true" showFooter = "false"
id = "dtRferenciaFinal"
requiredMessage = "Campo ultimate reference is mandatory!">
</ Rich: calendar> </ td>
</ Tr>
</ Table>
<p style="clear: both;"> <label> Maximum: </ label>
<H: inputText
maxlength = "6"
value = "# {} mBGerenciarPadrao.padraoFuncionamento.tempoMaximo"
style = "width: 103px" id = "tm"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Average time: </ label> <h: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.tempoMedio"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Minimum: </ label>
<H: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.tempoMinimo"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Maximum volume: </ label>
<H: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.volumeMaximo"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Average Volume: </ label>
<H: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.volumeMedio"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Minimum volume: </ label>
<H: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.volumeMinimo"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Maximum flow rate: </ label>
<H: inputText
value = "# {} mBGerenciarPadrao.padraoFuncionamento.vazaoMaxima"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Average throughout: </ label>
<H: inputText required = "true"
value = "# {} mBGerenciarPadrao.padraoFuncionamento.vazaoMedia"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<p> <label> Minimum flow </ label>
<H: inputText required = "true"
value = "# {} mBGerenciarPadrao.padraoFuncionamento.vazaoMinima"
style = "width: 103px"
disabled = "# {mbGerenciarPadrao.enableReferenciaFinal}">
</ H: inputText> </ p>
<c:if test="#{!empty tipBlock}">
<ui:include src="#{tipBlock}" />
<ui:param name="formName" value="subUoCad5:formPadCad" />
</ C: if> </ div>
</ Div>
</ A4j: outputPanel>
The page that provides the navigation and the following: tipBlock.xhtm
<H: panelGrid styleClass = "infopanel" cellpadding = "0" cellspacing = "0" columnClasses = "col"
border = "0" columns = "1">
<h:panelGrid columns="2">
<Rich: toggleControl switchToState = "# {previous}" value = "# {empty previous?'''' Previous'}"
ajaxSingle = "true" process = "# {formName}" actionListener = "# {mbUnidadeOperacional.toggleValidate}">
</ Rich: toggleControl>
<Rich: toggleControl switchToState = "# {next}" value = "# {empty next?'': 'Next' '}"
actionListener = "# {} mbUnidadeOperacional.toggleValidate" ajaxSingle = "true" process = "# {formName}">
</ Rich: toggleControl>
</ H: panelGrid>
</ H: panelGrid>
I am using RichFaces 3.3.3 final
I used the process attribute in toggleControl because otherwise he would not arrow data in the bean, but put it this way is only
by setting the data in the first two forms after the coming of the toggle does not work anymore, all other pages use the same
same structure of this page.
If anyone can help I am grateful.
Any help or tip or sample are welcome.
Thanks.
