<h:selectOneMenu> 为所有下拉列表调用值更改侦听器，而不仅仅是当前

Question

我正在使用 MyFaces 1.1。我有两个 <h:selectOneMenu>s 下拉菜单，每个下拉菜单都指向相同的 valueChangeListener 方法。

<h:selectOneMenu id="d1" value="#{mybean.selectedChannel1}" 
    onchange="submit()" valueChangeListener="#{myform.channelValuechange}">
    <f:selectItems value="#{mybean.channelList}"/>
</h:selectOneMenu>

<h:selectOneMenu id="d2" value="#{mybean.selectedChannel2}"
    onchange="submit()" valueChangeListener="#{myform.channelValuechange}">
    <f:selectItems value="#{mybean.channelList}"/>
</h:selectOneMenu>

当我更改第一个下拉菜单时，值更改侦听器方法会正确触发。在该方法中，我通过ValueChangeEvent参数获取当前组件的ID为sourceId，然后进行如下比较：

if (sourceId.equals("d1")) {
    // ...
} else if (sourceId.equals("d2")) {
    // ...
}

但是，我的具体问题是 d2 块在 d1 更改时也会被调用。

我尝试了一个和另一个，并认为以下有助于解决问题：

if (!event.getPhaseId().equals(PhaseId.INVOKE_APPLICATION)) {
      event.setPhaseId(PhaseId.INVOKE_APPLICATION);
      event.queue();
}

但是，我不认为这是最好的解决方案。这是怎么引起的，不使用上面的代码如何解决？

Answer 1

使用onchange="submit()"，您基本上是在当前输入元素更改时提交整个表单，而不仅仅是当前更改的输入！与许多初学者的错误想法相反，这里没有任何特定于输入的 JavaScript/Ajax 魔法。当您提交整个表单时，它会触发所有输入组件的处理。

valueChangeListener总是在输入组件的提交值不像支持 bean 中的 equals() 初始模型值时被调用。鉴于在您的情况下，当您仅更改第一个菜单时，两个菜单都会触发值更改侦听器，这只能意味着第二个菜单的默认选择项值不会 equals() 支持 bean 中的初始模型值。

您需要确保第二个菜单的#{mybean.selectedChannel2} 默认与第二个菜单列表的#{mybean.channelList} 的第一项具有完全相同相同的值。这样，当您更改第一个菜单时，不会为第二个菜单调用值更改侦听器。

另见：

• When to use valueChangeListener or f:ajax listener?（只是为了了解 JSF 2 的不同之处，以供您感兴趣）