Primeface值ChangeListener或

Question

我正在使用Primeface 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>

Answer 1

另一种解决方案是混合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());
}

像这样，value ChangeEvent很轻！

PS：适用于PrimeFaces 5.0

Answer 2

value eChangeListener仅在您对新旧值都感兴趣的情况下才是必要的。

如果您只对新值感兴趣，请使用

ajax调用不起作用有几个可能的原因。首先，您应该更改处理程序方法的方法签名：删除参数。然后您可以直接访问托管bean变量：

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

在调用侦听器时，已经设置了新值。（请注意，我隐式假设el表达式mymb.emp.employeeName由相应的getter/setter方法正确支持。）

Answer 3

如果您想使用value eChangeListener，您需要在每次选择新选项时提交表单。类似于这样：

<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: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);
}

需要注意的一点是，在您的示例代码中，我看到您的value属性