JSF ValueChangeListener not working

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

Index.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();
}
}

你基本上是在滥用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>时，你就不会有这个问题了(这样它就不会把它的值提交给服务器)。

将此更改为输出文本组件，看看是否有效

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

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

问候!

相关内容

最新更新

热门标签：