JSF ValueChangeListener无法正常工作

Question

我正在学习如何使用JSF的事件。 出于某种原因，当我更改下拉菜单的值时，程序不会更改文本字段中的值。 页面加载并显示“德国”，但不会将文本字段更改为“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();
}

}

Answer 1

你基本上滥用valueChangeListener作为actionListener 。 该值更改侦听器intented能够访问新旧和价值，就在当新的输入值被提交和模型值进行了更新，这样就可以，例如增加约值变化的日志条目之间。 你显然对旧的价值不感兴趣。 你根本不对价值变化事件感兴趣。 您只对新模型值感兴趣。 因此，您根本不应该使用值更改侦听器。

通常，您希望在动作侦听器方法中执行此任务。 您可以使用<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}" />

问候！

JSF ValueChangeListener无法正常工作

问题描述

2 个解决方案

解决方案1
15 2011-10-31 16:45:01

解决方案2
1 2011-10-31 16:56:48

JSF ValueChangeListener无法正常工作

问题描述

2 个解决方案

解决方案1 15 2011-10-31 16:45:01

解决方案2 1 2011-10-31 16:56:48

解决方案1
15 2011-10-31 16:45:01

解决方案2
1 2011-10-31 16:56:48