Primefaces valueChangeListener 或 <p:ajax 侦听器未触发 p:selectOneMenu [重复]

Posted 2023-02-23

技术标签:

【中文标题】Primefaces valueChangeListener 或 <p:ajax 侦听器未触发 p:selectOneMenu [重复]【英文标题】：Primefaces valueChangeListener or <p:ajax listener not firing for p:selectOneMenu [duplicate] 【发布时间】：2013-02-04 01:28:59 【问题描述】：

我正在使用 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 不会在值更改时启动，而是在提交表单时启动 @lechlukasz <p:ajax listener 怎么样？或者如果 valueChangeListener 在值更改时不会触发，那么调用 Managedbean 并获取所选值的最佳选项是什么？相关：***.com/questions/11879138/… @BalusC 问题是<p:ajax listener="#my.handleChange 没有触发。我的 selectOneMenu 位于 <p:dialog 内，这会导致任何问题吗？如果它在重新定位到<body> 末尾时没有自己的表单，那确实会导致问题。 【参考方案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: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);

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

【讨论】：

J4mes 感谢它的工作，除了一件事，在employee.employeeName 的ManagedBean handleChange 方法中的值为null。这可能是什么原因？应该是employee.getEmployeeName()。我编辑了我的答案即使是 null hmmm.... 应该没有任何问题。您是否导入了正确的包？如果你使用@ManagedBean注解，你需要导入javax.faces.bean.RequestScoped而不是javax.enterprise.context.RequestScoped。有了转换器就可以了。非常感谢。【参考方案2】：

valueChangeListener 只有在您对旧的和新值都感兴趣时才需要。

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

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

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

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

【讨论】：

Matt 最初我只有 <p:ajax listener="#my.handleChange" update="sublist" /> ，但仍然根本没有调用 handleChange 方法。 public void handleChange() 在ajax调用中加process="@form"是否有效？我的 selectOneMenu 位于 <p:dialog 内，这会导致任何问题吗？也许吧。尝试不使用对话框。 Matt 我已经删除了所有其他代码，我所拥有的只是一个单独的 JSF 页面中的 selectOneMenu，但它仍然没有工作。我通过编辑我的问题将我的代码作为更新 1。【参考方案3】：

另一种解决方案是混合使用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 上运行良好

【讨论】：

确实，在<p:ajax> 上添加显式process="@this" 似乎可以达到触发ValueChangeEvent 的目的（此处使用PF 6.2）。不过，这有点令人惊讶，因为PrimeFaces documentation（从 PF 8.0 开始，但也适用于旧版本）明确表示：请注意，process 选项的默认值已经是 @this p:ajax，如中所述AjaxBehavior 文档，这里明确定义，以便更好地理解部分处理的工作原理。...【参考方案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();

【讨论】：

【参考方案5】：

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

即

    <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 列表，这些组件将参与请求处理生命周期的“执行”部分。

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

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

【讨论】：

这是（几乎）被接受和高度赞成的答案。也许建议对那个进行小的文本改进 @Kukeltje 你是对的，但是我分享了上面示例中的一些额外属性：事件、执行和渲染。通过这些属性，您可以更改 f:ajax 的行为。此外，链接上还有对这些文档的简要说明。接受的答案对我没有帮助，但是，我在此处复制的另一个类似问题的答案可以帮助我解决我的问题。这就是为什么我想分享并帮助像我一样遇到同样问题的人......【参考方案6】：

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

【讨论】：

【参考方案7】：

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

解决方案：上一页必须使用 faces-redirect=true 调用该页

【讨论】：

【参考方案8】：

这对我有用：

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

【讨论】：

以上是关于Primefaces valueChangeListener 或 <p:ajax 侦听器未触发 p:selectOneMenu [重复]的主要内容，如果未能解决你的问题，请参考以下文章

形式：手动触发valueChange