JSF ValueChangeListener 不工作

Question

我正在学习如何在 JSF 中使用事件。出于某种原因，当我更改下拉菜单的值时，程序不会更改文本字段中的值。页面加载并显示“德国”，但不会将文本字段更改为“DE”。有什么建议吗？

索引.xhtml：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html">
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>
    <f:view>
        <h:form>
            <h:selectOneMenu value="#{Bean.selectedItem}" valueChangeListener="#{Bean.changeEvent}" onchange="submit()"  >
                <f:selectItems value="#{Bean.itemsList}" />
            </h:selectOneMenu>
            <br />
            <h:inputText value="#{Bean.selectedItem}" />
        </h:form>
    </f:view>
</h:body>

MyBean.java

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import java.util.ArrayList;
import javax.faces.model.SelectItem;
import javax.faces.event.ValueChangeEvent;
@ManagedBean (name = "Bean")
@RequestScoped
public class MyBean {

private static ArrayList menuItems;
private String selectedItem = "EN";
static {
    menuItems = new ArrayList();
    menuItems.add(new SelectItem("EN", "English"));
    menuItems.add(new SelectItem("DE", "Germany"));
}

public ArrayList getItemsList() {
    return this.menuItems;
}

public void setSelectedItem(String item) {
    this.selectedItem = item;
}

public String getSelectedItem() {
    return selectedItem;
}

public void changeEvent(ValueChangeEvent e) {
    selectedItem = e.getNewValue().toString();
}

}

Answer 1

您基本上是在滥用valueChangeListener 作为actionListener。值更改侦听器旨在访问同时旧值和新值，就在提交新输入值和更新模型值之间，例如，您可以添加关于值更改的日志条目。您显然对旧值不感兴趣。您根本对值更改事件不感兴趣。您只对新模型值感兴趣。所以你根本不应该使用值变化监听器。

通常，您希望在动作侦听器方法中完成这项工作。你可以使用<f:ajax>来定义一个ajax动作监听器：

<h:selectOneMenu value="#{Bean.selectedItem}">
    <f:selectItems value="#{Bean.itemsList}" />
    <f:ajax execute="@this" listener="#{Bean.changeEvent}" render="input" />
</h:selectOneMenu>
<h:inputText id="input" value="#{Bean.selectedItem}" />

与

public void changeEvent() {
    selectedItem = selectedItem;
}

但是由于您已将输入绑定到与下拉列表相同的属性，因此整个侦听器是多余的。只需以下内容即可为您完成：

<h:selectOneMenu value="#{Bean.selectedItem}">
    <f:selectItems value="#{Bean.itemsList}" />
    <f:ajax execute="@this" render="input" />
</h:selectOneMenu>
<h:inputText id="input" value="#{Bean.selectedItem}" />

您看到的问题是因为onchange="submit()" 实质上提交了整个 表单，包括所有其他输入字段。由于 JSF 按顺序处理输入字段并且您已将两个字段绑定到同一个属性，<h:inputText> 的值将覆盖<h:selectOneMenu> 的值。根据我对该问题的评论，当您将其设为 <h:inputText readonly="true"> 或 <h:outputText> 时，您不会遇到此问题（这样它就不会将其值提交给服务器）。

Answer 2

把这个改成输出文本组件，看看能不能工作

<h:inputText value="#{Bean.selectedItem}" />

到

<h:outputText value="#{Bean.selectedItem}" />

问候！