何时使用value ChangeListener或f： ajax侦听器？

Question

以下两段代码在listener位置上有什么区别？

<h:selectOneMenu ...>
    <f:selectItems ... />
    <f:ajax listener="#{bean.listener}" />
</h:selectOneMenu>

和

<h:selectOneMenu ... valueChangeListener="#{bean.listener}">
    <f:selectItems ... />
</h:selectOneMenu>

Answer 1

对于第一个片段（ajax侦听器属性）：

ajax标记的“listener”属性是一种方法，每当ajax函数在客户端发生时，服务器端就会调用它。例如，您可以使用该属性指定一个服务器端函数，以便在用户每次按键时调用该函数

但是第二个片段（valueChangeListener）：

ValueChangeListener仅在提交表单时调用，而不是在更改输入值时调用

*你可能想看看这个方便的答案

Answer 2

value ChangeListener只有在提交表单并且提交的值与初始值不同时才会被调用。因此，只有触发超文本标记语言DOMchange事件时才不会调用它。如果您想在超文本标记语言DOMchange事件期间提交表单，那么您需要添加另一个

<h:selectOneMenu value="#{bean.value}" valueChangeListener="#{bean.changeListener}">
    <f:selectItems ... />
    <f:ajax />
</h:selectOneMenu>

使用

<h:selectOneMenu value="#{bean.value}">
    <f:selectItems ... />
    <f:ajax listener="#{bean.ajaxListener}" />
</h:selectOneMenu>

另一个主要区别是value ChangeListener方法是在PROCESS_VALIDATIONS阶段结束时调用的。此时，提交的值还没有在模型中更新。因此，您无法通过访问绑定到输入组件的value的bean属性来获取它。您需要通过ValueChangeEvent#getNewValue（）获取它。顺便说一句，旧值也可以通过ValueChangeEvent#getOldValue（）获得。

public void changeListener(ValueChangeEvent event) {
    Object oldValue = event.getOldValue();
    Object newValue = event.getNewValue();
    // ...
}

private Object value; // +getter+setter.

public void ajaxListener(AjaxBehaviorEvent event) {
    System.out.println(value); // Look, (new) value is already set.
}

此外，如果您需要根据提交的值更新另一个属性，那么当您使用value ChangeListener时它会失败，因为在随后的UPDATE_MODEL_VALUES阶段，提交的值可以覆盖更新的属性。这就是为什么您在旧的JSF 1. x应用程序/教程/资源中看到value ChangeListener在这种构造中与立即="true"和FacesContext#renderACK（）结合使用以防止这种情况发生。毕竟，使用value ChangeListener执行业务操作实际上一直是一种破解/解决方法。

概述：仅当需要截取实际值更改本身时，才使用valuechangeelistener。也就是说，你实际上对新旧价值都感兴趣（比如记录它们）。

public void changeListener(ValueChangeEvent event) {
    changeLogger.log(event.getOldValue(), event.getNewValue());
}

使用

public void ajaxListener(AjaxBehaviorEvent event) {
    selectItemsOfSecondDropdown = populateItBasedOn(selectedValueOfFirstDropdown);
}

如果在执行业务操作时，您实际上也对旧值感兴趣，那么请退回到valueChangeListener，但将其排队到INVOKE_应用程序阶段。

public void changeListener(ValueChangeEvent event) {
    if (event.getPhaseId() != PhaseId.INVOKE_APPLICATION) {
        event.setPhaseId(PhaseId.INVOKE_APPLICATION);
        event.queue();
        return;
    }

    Object oldValue = event.getOldValue();
    Object newValue = event.getNewValue();
    System.out.println(newValue.equals(value)); // true
    // ...
}