Values repeated in jsf

Question

I have repeated values on my form. I am using <ui:repeat> tag.

My code:

 <h:panelGroup id="alvs">
                                    <ui:repeat value="#{encuestaController.newEncuesta.preguntas}" var="preg">

                                            <h:outputLabel for="preg" value="add question:" style="font-weight:blue" />
                                            <p:inputText id="preg" value="#{preg.pregunta}" />
                                            <h:outputLabel for="value2" value="The question is option:" style="font-weight:bold" />
                                             <p:selectBooleanButton id="value2" value="#{preg.opcional}" onLabel="Si" offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close" style="width:60px">
                                                <p:ajax update="f1:growl2"/>
                                            </p:selectBooleanButton>

                                                <h3 style="margin-top:2px">Question Type</h3>
                                          <p:selectOneMenu value="#{preg.tipo}">
                                            <f:selectItem itemValue="1" itemLabel="one option" />
                                            <f:selectItem itemValue="2" itemLabel="many option" />          
                                         </p:selectOneMenu>


                                        <h:panelGroup id="aux">
                                            <ui:repeat value="#{preguntaController.newPregunta.opciones}" var="opc">
                                                    <h:panelGroup id="pn11" rendered="#{preg.tipo eq 1}">  
                                                        uno<p:inputText value="#{opc.descripcion}"/>
                                                    </h:panelGroup>
                                                    <h:panelGroup id="pn12" rendered="#{preg.tipo eq 2}" >
                                                        dos<p:inputText value="#{opc.descripcion}"/>
                                                    </h:panelGroup>
                                                </ui:repeat>
                                        </h:panelGroup>

                                    </ui:repeat>

   </h:panelGroup>
   <p:commandButton class="btn-floating btn-large waves-effect waves-light red" actionListener="#{preguntaController.addOcion}" update="f1:growl2" value="Add" >
                <f:ajax execute="pn11 pn12" render="alvs" />  
   </p:commandButton>

The problem is when I want to add a new option(opciones) in the question(pregunta) with <p:commandButton/>

This adds the same options for the previous question as for the new one.

Maybe, the error is ajax? <f:ajax execute="pn11 pn12" render="alvs" />

Help me!!!

Image Description

Veo que estás usando Materialize, así que te advierto que tengas cuidado con el funcionamiento de los componentes puesto que al hacer un , el elemento pierde sus características de Javascript dadas por Materialize. Una vez hagas los "render" tienes que llamar a las funciones de Materialize para reactivar componentes. Es un consejo empírico. — Juan Camacho, Feb 04 '17 at 08:45

Maciej Kowalski · Accepted Answer · 2017-01-17T20:08:14.693

0

As i see it, the problem is regarding the fact that you are producing multiple options using the ui:repeat, but you are declaring the same id for each of the panelGroups inside. Add some custom prefix or sufix to each of the ids based on some unique value from the var="opt" (like an id):

<ui:repeat value="#{preguntaController.newPregunta.opciones}" var="opc">
      <h:panelGroup id="pn11#{opc.id}" rendered="#{preg.tipo eq 1}">  
          uno<p:inputText value="#{opc.descripcion}"/>
      </h:panelGroup>
      <h:panelGroup id="pn12#{opc.id}" rendered="#{preg.tipo eq 2}" >
          dos<p:inputText value="#{opc.descripcion}"/>
      </h:panelGroup>
</ui:repeat>

Otherwise you will keep overriding the previous panelGroup's.

Also you would need to use a broader scope of execution for your ajax request. I would use the first panelGroup outside of the ui:repeat:

<f:ajax execute="aux" render="alvs" />

edited Jan 17 '17 at 20:08

answered Jan 17 '17 at 15:32

Maciej Kowalski

25,605
12
54
63

Hi, @Maciej I understand about the personalized prefix but, How can i implement inside the id, to turn into a different id? `` – Maicoly Morocho Jan 17 '17 at 17:13
I included that in the post. . Again, this is just my idea.. you have to find some unique field in your 'opc' object to make that work. Otherwise you risk repeating the sufix and whole idea in the end. – Maciej Kowalski Jan 17 '17 at 17:35
Just a small change.. there should be a hash added: id="pn12#{opc.id}" – Maciej Kowalski Jan 17 '17 at 20:08
Thanks @Maciej!!! The solution is ` ` Thanks for your help!!! – Maicoly Morocho Jan 26 '17 at 18:34

Values repeated in jsf

1 Answers1