Primefaces valueChangeListener or <p:ajax listener not firing for p:selectOneMenu
jsf, jsf-2, primefaces
Solution
If you want to use `valueChangeListener`, you need to submit the form every time a new option is chosen. Something like this:
<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());
}
Or else, if you want to use `<p:ajax>`, it should look like this:
<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);
}
One thing to note is that in your example code, I saw that the `value` attribute of your `<p:selectOneMenu>` is `#{mymb.employeesList}` which is the same as the `value` of `<f:selectItems>`. The `value` of your `<p:selectOneMenu>` should be similar to my examples above which point to a single employee, not a list of employees.
Problem
I am using Primefaces 3.4.2. I have the following in my JSF page ``` <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> ``` and in ManagedBean ``` public void handleChange(ValueChangeEvent event){ System.out.println("here "+event.getNewValue()); } ``` The problem is `valueChangeListener` is not firing, i.e. `handleChange` method is not getting invoked. I tried with the following, but it is not working either. ``` <p:ajax update="sublist" listener="#{mymb.handleChange}" /> ``` Separate JSF page: ``` <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> ```