24

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

如果您对旧值和新值valueChangeListener都感兴趣，则唯一需要的是。

如果您只对新值感兴趣，使用<p:ajax>or<f:ajax>是更好的选择。

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

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

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

4

8 回答 8

55

如果要使用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:ajax>，它应该是这样的：

<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您的属性<p:selectOneMenu>is与of#{mymb.employeesList}相同。你的应该类似于我上面的示例，指向单个员工，而不是员工列表。value<f:selectItems>value<p:selectOneMenu>

于 2013-02-19T20:22:46.453 回答
16

如果您对旧值和新值valueChangeListener都感兴趣，则唯一需要的是。

如果您只对新值感兴趣，使用<p:ajax>or<f:ajax>是更好的选择。

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

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

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

于 2013-02-19T12:15:01.640 回答
12

另一种解决方案是混合 valueChangeListener、ajax 和进程：

<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 就很轻了！

PS：与 PrimeFaces 5.0 一起工作正常

于 2014-08-19T18:55:37.227 回答
10 
<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();
}
于 2013-05-14T14:21:37.443 回答
5

所有都可以定义为f:ajax属性。

IE

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

event：它可以是普通的 DOM 事件click，例如valueChange

execute：这是一个以空格分隔的组件的客户端 ID 列表，这些组件将参与请求处理生命周期的“执行”部分。

render：将参与请求处理生命周期的“渲染”部分的组件的 clientId。操作完成后，您可以定义应刷新哪些组件。可以添加 Id、IdList 或这些关键字：@this、@form、@all、@none。

您可以通过以下链接访问整个属性列表：http: //docs.oracle.com/javaee/6/javaserverfaces/2.1/docs/vdldocs/facelets/f/ajax.html

于 2016-01-19T09:37:48.507 回答
2

尝试使用带有事件属性的 p:ajax，

于 2013-02-21T05:10:07.343 回答
2

我的问题是我们使用的是spring securyty，并且上一页没有使用faces-redirect = true调用页面，然后页面显示java警告，并且控件不会触发更改事件。

解决方法：上一个页面必须调用页面使用， faces-redirect=true

于 2015-03-31T18:42:32.417 回答
0

这对我有用：

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

于 2013-08-22T20:11:17.743 回答