jsf 中重复的值 <ui:repeat>

Question

我的表格上有重复的值。我正在使用 <ui:repeat> 标签。

我的代码：

 <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>

问题是当我想在 <p:commandButton/>

的问题 (pregunta) 中添加一个新选项 (opciones)

这为上一个问题添加了与新问题相同的选项。

也许，错误是ajax？ <f:ajax execute="pn11 pn12" render="alvs" />

帮帮我！！！

Image Description

Answer 1

如我所见，问题在于您正在使用 ui:repeat 生成多个选项，但您为内部的每个面板组声明了相同的 ID。根据来自 var="opt" （如 id）的一些唯一值，为每个 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>

否则您将继续覆盖之前的面板组。

此外，您还需要为 ajax 请求使用更广泛的执行范围。我会使用 ui:repeat:

之外的第一个 panelGroup

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

jsf 中重复的值 <ui:repeat>

Values repeated in jsf <ui:repeat>

ajax

jsf

uirepeat