Primefaces的valueChangeListener或者<p:ajax监听器不会触发p:selectOneMenu。

Question

我正在使用Primefaces 3.4.2。

我在我的JSF页面中有以下内容：

<p:selectOneMenu id="emp" value="#{mymb.emp.employeeName}" 
        valueChangeListener="#{mymb.handleChange}" 
        required="true"
        style="width: 150px;">
    <f:selectItem noSelectionOption="true" 
            itemLabel="Please  Select"/>
    <f:selectItems value="#{mymb.employeeList}" var="emp"
            itemLabel="#{emp.employeeName}"
            itemValue="#{emp.employeeNumber}"/>
    <p:ajax update="sublist"/>
</p:selectOneMenu>

并且在ManagedBean中

public void handleChange(ValueChangeEvent event){  
    System.out.println("here "+event.getNewValue());
}

问题是valueChangeListener没有触发，即handleChange方法没有被调用。我尝试了以下方法，但仍然无效。

<p:ajax update="sublist"  listener="#{mymb.handleChange}" />  

单独的JSF页面：

<ui:composition template="/templates/layout.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
    <ui:define name="content">
        <h:head>
        </h:head>
        <h:body>
            <h:form id="form">                      
                <p:panelGrid columns="6">
                    <h:outputLabel value="Employees" for="employees" />
                    <p:selectOneMenu id="employees"
                            value="#{mymb.employeesList}" 
                            required="true">
                        <f:selectItems value="#{mymb.employeesList}" var="emp"
                                itemLabel="#{emp.employeeName}" />
                        <p:ajax listener="#{mymb.handleChange}"   />  
                    </p:selectOneMenu>                  
                </p:panelGrid>
            </h:form>
        </h:body>
    </ui:define>
</ui:composition>

- Jacob

---

valueChangeListener 不会在值被改变时启动，而是在表单提交时启动。 - Danubian Sailor

@lechlukasz 如果valueChangeListener在值更改时不触发，那么<p:ajax listener>怎么样？或者有什么最好的选项可以调用Managedbean并获取所选值呢？ - Jacob

相关链接：https://dev59.com/AGct5IYBdhLWcg3wuPq6 - BalusC

@BalusC 问题是<p:ajax listener="#{my.handleChange}没有触发。我的selectOneMenu在<p:dialog>里面，这会引起任何问题吗？ - Jacob

@BalusC 对话框表单有自己的<h:form></h:form>标签。 - Jacob

Answer 1

如果你想使用valueChangeListener，则需要在每次选择新选项时提交表单。可以像这样做：

<p:selectOneMenu value="#{mymb.employee}" onchange="submit()"
                 valueChangeListener="#{mymb.handleChange}" >
    <f:selectItems value="#{mymb.employeesList}" var="emp"
                   itemLabel="#{emp.employeeName}" itemValue="#{emp.employeeID}" />
</p:selectOneMenu>

public void handleChange(ValueChangeEvent event){  
    System.out.println("New value: " + event.getNewValue());
}

< p >否则，如果您想使用< code ><p:ajax>，它应该是这个样子：< /p >

<p:selectOneMenu value="#{mymb.employee}" >
    <p:ajax listener="#{mymb.handleChange}" />
    <f:selectItems value="#{mymb.employeesList}" var="emp"
                   itemLabel="#{emp.employeeName}" itemValue="#{emp.employeeID}" />
</p:selectOneMenu>

private String employeeID;

public void handleChange(){  
    System.out.println("New value: " + employee);
}

需要注意的一点是，在您的示例代码中，我看到您的 <p:selectOneMenu> 的 value 属性是 #{mymb.employeesList}，这与 <f:selectItems> 的 value 相同。您的 <p:selectOneMenu> 的 value 应该类似于我的示例，指向单个员工而不是员工列表。

- Mr.J4mes

---

应该是 employee.getEmployeeName()。我修改了我的答案。 - Mr.J4mes

即使它为空也是如此。 - Jacob

我忘了提到你需要一个转换器才能获得完整的员工:P。我编辑了我的答案，以获取employeeID而不是完整的Employee。 - Mr.J4mes

使用转换器，它可以工作。非常感谢。 - Jacob

最好也使用p:ajax 强制提交 valueChangeListener。例如，您可以添加 <p:ajax /> 而无需侦听器或其他内容 - 这将触发一个 AJAX 请求。 - Vsevolod Golovanov

Answer 2

valueChangeListener仅在您对旧值和新值都感兴趣时才是必需的。

如果您只关心新值，则使用<p:ajax>或<f:ajax>更好。

出现Ajax调用失败的原因有多种可能。首先，您应该更改处理程序方法的方法签名：删除参数。然后，您可以直接访问托管bean变量：

public void handleChange(){  
  System.out.println("here "+ getEmp().getEmployeeName());
}

在调用监听器时，新值已经被设置。（请注意，我默认假设el表达式mymb.emp.employeeName已经正确地对应了相应的getter/setter方法。）

- Matt Handy

---

马特，最初我只有 <p:ajax listener="#{my.handleChange}" update="sublist" />，但是handleChange方法始终没有被调用。public void handleChange(){} - Jacob

如果你在ajax调用中添加process="@form"，它是否有效？ - Matt Handy

我的selectOneMenu位于<p:dialog>内，这会引起任何问题吗？ - Jacob

也许可以。试着不要弹出对话框。 - Matt Handy

Matt，我已经删除了所有其他代码，现在只剩下一个单独的JSF页面中的selectOneMenu，但它仍然无法工作。我已经通过编辑我的问题将我的代码更新为Update 1。 - Jacob

Answer 3

另一种解决方案是将valueChangeListener、ajax和process混合使用：

<p:selectManyCheckbox id="employees" value="#{employees}" columns="1" layout="grid" valueChangeListener="#{mybean.fireSelection}"   >
    <f:selectItems var="employee" value="#{employeesSI}" />
    <p:ajax event="valueChange" immediate="true" process="@this"/>
</p:selectManyCheckbox>

mybean 中的方法只是 :

public void fireSelection(ValueChangeEvent event) {
    log.debug("New: "+event.getNewValue()+", Old: "+event.getOldValue());
}

这样，valueChangeEvent非常轻巧！

附注：在PrimeFaces 5.0上运行良好。

- Emmanuel

---

实际上，在<p:ajax>上添加显式的process="@this"似乎可以解决触发ValueChangeEvent的问题（在这里使用PF 6.2）。不过，这有点令人惊讶，因为PrimeFaces文档（截至PF 8.0，但也适用于旧版本）明确表示：请注意，对于p:ajax，process选项的默认值已经是@this，正如AjaxBehavior文档中所述，此处明确定义是为了更好地理解部分处理的工作原理。... - Mauro Molinari

Answer 4

<p:ajax listener="#{my.handleChange}" update="id of component that need to be rerender after change" process="@this" />



import javax.faces.component.UIOutput;
import javax.faces.event.AjaxBehaviorEvent;

public void handleChange(AjaxBehaviorEvent vce){  
  String name= (String) ((UIOutput) vce.getSource()).getValue();
}

- codeFu

Answer 5

所有内容可以在f:ajax属性中定义。

例如：

    <p:selectOneMenu id="employees" value="#{mymb.employeesList}" required="true">
         <f:selectItems value="#{mymb.employeesList}" var="emp" itemLabel="#{emp.employeeName}" />
         <f:ajax event="valueChange" listener="#{mymb.handleChange}" execute="@this" render="@all" />
    </p:selectOneMenu>

事件: 事件可以是普通的DOM事件，比如click或valueChange。 执行: 这是一个由空格分隔的组件客户端ID列表，它们将参与请求处理生命周期中的“执行”部分。 渲染: 客户端ID的组件将参与请求处理生命周期中的“渲染”部分。在操作完成后，您可以定义应该刷新哪些组件。可以添加ID、ID列表或以下关键字：@this、@form、@all和@none。

您可以通过以下链接查看完整的属性列表: http://docs.oracle.com/javaee/6/javaserverfaces/2.1/docs/vdldocs/facelets/f/ajax.html。

- efirat

---

这几乎是被广泛接受和高度赞同的答案。或许可以对此进行一些文本上的小改进建议。 - Kukeltje

@Kukeltje，您是正确的，但是我分享了一些其他的例子：事件，执行和渲染。通过这些属性，您可以更改f:ajax的行为。并且在链接中还有关于这些文档的简要说明。接受的答案无法帮助我，但是我复制到这里的另一个类似问题的答案却帮助了我解决问题。这就是为什么我想分享并可能帮助其他遇到同样困扰的人... - efirat

Answer 6

尝试使用带有事件属性的p：ajax。

- Sandeep Goud Karrey

Answer 7

我的问题是我们正在使用Spring Security，而前一页没有调用使用faces-redirect=true的页面，因此该页面显示一个Java警告，并且控件不会触发更改事件。

解决方案： 前一页必须调用使用faces-redirect=true的页面。

- Edgar Diaz

Answer 8

这对我有效：

它可以在对话框内使用，但对话框不能在任何组件内，例如面板、手风琴等。

- Geo