0

我对 JSF 和 Primefaces 比较陌生。我有一个页面，其中有三个 selectOneMenu 显示地图中的同一组值。我想确保用户为三个下拉菜单选择不同的值。我通过编写自定义验证器实现了这一点。但是验证器只有在我单击提交页面时才起作用。我想要一个 ajax 调用，只要用户选择与下拉 1 相同的值，它就会显示下拉 2 的错误消息。下拉 3 也是同样的情况。这是我的代码片段：

用户.xhtml

 <h:outputLabel  for="Question1" value="#{msg['account.question1']}"/>
   <h:message styleClass="validation-error" for="Question1"/>
<h:selectOneMenu id="Question1"  required="true" value="#{account.question1}" class="smallTxt">
        <f:selectItems value="#{controller.questionMap}" />
        <f:validator validatorId="com.validator.QuestionsValidator"></f:validator>
</h:selectOneMenu>

<h:outputLabel  for="Answer1" value="#{msg['account.answer1']}"/>
<h:message styleClass="validation-error" for="Answer1"/>
<h:inputText id="Answer1"  required="true"  value="#{account.answer1}" />

<h:outputLabel  for="Question2" value="#{msg['account.question2']}"/>
<h:message styleClass="validation-error" for="Question2"/>
<h:selectOneMenu id="Question2" required="true" value="#{account.question2}" class="smallTxt">
        <f:selectItems value="#{controller.questionMap}" />
</h:selectOneMenu>

<h:outputLabel  for="Answer2" value="#{msg['account.answer2']}"/>
<h:message styleClass="validation-error" for="Answer2"/>
<h:inputText id="Answer2" required="true" value="#{account.answer2}" />

<h:outputLabel  for="Question3" value="#{msg['account.question3']}"/>
<h:message styleClass="validation-error" for="Question3"/>
<h:selectOneMenu id="Question3" required="true" value="#{account.question3}" class="smallTxt">
    <f:selectItems value="#{controller.questionMap}" />
</h:selectOneMenu>

<h:outputLabel  for="Answer3" value="#{msg['account.answer3']}"/>
<h:message styleClass="validation-error" for="Answer3"/>
<h:inputText id="Answer3" required="true"  value="#{account.answer3}" />

我正在使用 JSF 2 和 Primefaces 5.2。提前致谢

4

2 回答 2

0

如果你想在 AJAX 调用上执行你的验证器，你必须添加<f:ajax />到你的<h:selectOneMenu>

<h:selectOneMenu id="Question1"  required="true" value="#{account.question1}" class="smallTxt">
    <f:selectItems value="#{controller.questionMap}" />
    <f:validator validatorId="com.validator.QuestionsValidator"></f:validator>
    <f:ajax />
</h:selectOneMenu>

附带问题：您声明您使用 Primefaces 5.2，但您使用 JSF 标准组件（<h:selectOneMenu>而不是<p:selectOneMenu>）。这是故意的吗？

于 2015-12-15T12:05:42.980 回答
-2

您可以在 selectonemenu.linke 上应用侦听器：

            <p:selectOneMenu id="country" value="#{dropdownView.country}" style="width:150px">
                <p:ajax listener="#{dropdownView.onCountryChange}" update="city" />
                <f:selectItem itemLabel="Select Country" itemValue="" noSelectionOption="true" />
                <f:selectItems value="#{dropdownView.countries}" />
            </p:selectOneMenu>

然后在这个 oncountrychange() 函数中，您将获得所有三个选择项的值并进行比较。

于 2015-12-14T09:39:29.607 回答