Question

我想开发一个JSF页面，允许用户从数据库编辑一个Employee。我在 h：selectOneMenu 中加载了所有员工的列表。我想要的第二件事是 valueChangeEvent 员工的详细信息应该加载到相应的h：inputText中。但每个valueChangeEvent都没有任何反应。那么，代码中的问题在哪里。

<?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:h="http://xmlns.jcp.org/jsf/html"
  xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>
    <div id="hdr">
        <h1>Vinweb Services</h1>
        <hr/>
    </div>
    ;
    <div id="mnu" style="height: 50px; width: auto; background: skyblue;">
        <h:form>
        <h:commandLink value="Home" action="index"/>
        <h:outputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/>
        <h:commandLink value="Create" action="create"/>
        <h:outputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/>
        <h:commandLink value="View" action="view"/>
        <h:outputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/>
        <h:commandLink value="Edit" action="edit"/>
        </h:form>
    </div>

    <div id="cnt">
        <h:form>
            <h:panelGrid columns="2">
                <h:outputLabel value="Select an Employee"/>
                <h:selectOneMenu value="#{esb.empName}" onchange="submit()"  valueChangeListener="#{esb.loadEmployeeDetail}">
                <f:selectItems value="#{esb.employeeList}"/>
                </h:selectOneMenu>

                <h:outputLabel value="Employee Code"/>
                <h:inputText value="#{esb.empCode}" required="true"/>

                <h:outputLabel value="Employee Name"/>
                <h:inputText value="#{esb.empName}" required="true"/>

                <h:outputLabel value="Joining Date"/>
                <h:inputText value="#{esb.joinDate}" required="true">
                    <f:convertDateTime pattern="MM/yy"/>
                </h:inputText>

                <h:outputLabel value="Salary"/>
                <h:inputText value="#{esb.salary}" required="true"/>

                <h:commandButton value="Update" action="#{esb.updateEmployeeDetail}"/>
            </h:panelGrid>
        </h:form>            
    </div>

</h:body>
</html>

支持Bean：

package ems.bean;

import javax.inject.Named;
import javax.enterprise.context.SessionScoped;
import java.io.Serializable;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.Date;
import javax.annotation.Resource;
import javax.faces.event.ValueChangeEvent;
import javax.sql.DataSource;

@Named(value = "esb")
@SessionScoped
public class EmployeeServiceBean implements Serializable {
@Resource(name = "JPA4A")
private DataSource ds;
// Member Declaration   


private String empCode;
private String empName;
private Date joinDate;
private long salary;
private ArrayList empList;

// Service Code Segment

// This method will publish all emloyees in table to selectOneMenu 
public ArrayList getEmployeeList() throws SQLException{
   empList = new ArrayList();
   Connection con = ds.getConnection();
   try{           
       Statement stmt =  con.createStatement();
       ResultSet rslt = stmt.executeQuery("SELECT empName FROM Employee");

       while(rslt.next()){
           empList.add(rslt.getString("empName"));
       }
   }
   catch(SQLException se) {
       throw new SQLException();
   }
   finally{
       con.close();
   }
   return empList;
} 

// This method should load selected empoyee's details in inputText fields
public void loadEmployeeDetail(ValueChangeEvent evt) throws SQLException{
   String emp = evt.getNewValue().toString();

   Connection con = ds.getConnection();
   try{           
       Statement stmt =  con.createStatement();
       String qry = "SELECT * FROM Employee WHERE empName = '"+emp+"'";
       ResultSet rslt = stmt.executeQuery(qry);
       rslt.next();
       this.empCode = rslt.getString("empCode");
       this.empName = rslt.getString("empName");
       this.joinDate = rslt.getDate("joinDate");
       this.salary = rslt.getLong("salary");
   }
   catch(SQLException se) {
        se.printStackTrace();
   }
   finally{
       con.close();
   }

 }

 public void updateEmployeeDetail() throws SQLException{       
   Connection con = ds.getConnection();
   try{           
       Statement stmt =  con.createStatement();
       boolean rs = stmt.execute("UPDATE Employee SET empCode='"+empCode+"',  empName='"+empName+"', joinDate='"+joinDate+"', salary="+salary);
   }
   catch(SQLException se) {
       throw new SQLException();
   }
   finally{
       con.close();
   }

}
// Property Getter & Setter code segment
public String getEmpCode() {
    return empCode;
}

public void setEmpCode(String empCode) {
    this.empCode = empCode;
}

public String getEmpName() {
    return empName;
}

public void setEmpName(String empName) {
    this.empName = empName;
}

public Date getJoinDate() {
    return joinDate;
}

public void setJoinDate(Date joinDate) {
    this.joinDate = joinDate;
}

public long getSalary() {
    return salary;
}

public void setSalary(long salary) {
    this.salary = salary;
}




}

Answer 1

valueChangeListener是错误的工具。

您在这里正在执行onchange="submit()"提交整个表单，包括那些必填字段，这些字段又会导致验证错误，而这些错误又无法引起您的注意，因为您没有对他们有任何<h:message(s)>。如果您在表单中放置了<h:messages/>，或者对服务器日志表示了更多的关注，那么您应该已收到有关required="true"验证错误的通知。

您需要<f:ajax listener>。

替换

<h:selectOneMenu value="#{esb.empName}" onchange="submit()"  valueChangeListener="#{esb.loadEmployeeDetail}">
    <f:selectItems value="#{esb.employeeList}"/>
</h:selectOneMenu>

通过

<h:selectOneMenu value="#{esb.empName}">
    <f:selectItems value="#{esb.employeeList}"/>
    <f:ajax listener="#{esb.loadEmployeeDetail}" render="@form" />
</h:selectOneMenu>

并替换

public void loadEmployeeDetail(ValueChangeEvent evt) throws SQLException{
   String emp = evt.getNewValue().toString();
   // ...
}

通过

public void loadEmployeeDetail() throws SQLException{
   String emp = empName; // You can also just use `empName` directly.
   // ...
}

另见：

When to use valueChangeListener or f:ajax listener?

使用<h：selectonemenu> valueChangeEvent </h：selectonemenu> </h：inputtext>将数据库中的值加载到<h：inputtext>

1 个答案:

另见：