Field display problem

Hi,

I am trying a simple application. Here is my JSF page

When I render this page I am getting this value #{LoginForm.userName} in the text field. Please find the attachment for the screen shot.

Thanks for your help in advance.

Take out the value attribute

Hi Davie,

In that case how can I bind the value to bean property?

Thanks,

to bind that value to the backing bean
you use binding, not value.

Plus, you don't have to use binding attribute to get the value, you can use FaceContext.

Hi Davie,

I was following Rich Faces example in roseindia. I think we can do this way but I tried as you said I got the following exception

javax.servlet.ServletException: javax.servlet.jsp.JspException: org.apache.jasper.el.JspELException: /user/login.jsp(21,6) '#{LoginForm.userName}' Cannot convert #{LoginForm.userName} of type class java.lang.String to class javax.faces.component.UIComponent
	org.apache.jasper.runtime.PageContextImpl.doHandlePageException(PageContextImpl.java:858)
	org.apache.jasper.runtime.PageContextImpl.handlePageException(PageContextImpl.java:791)
	org.apache.jsp.user.login_jsp._jspService(login_jsp.java:118)
	org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:70)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
	org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:377)
	org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:313)
	org.apache.jasper.servlet.JspServlet.service(JspServlet.java:260)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
	com.sun.faces.context.ExternalContextImpl.dispatch(ExternalContextImpl.java:415)
	com.sun.faces.application.ViewHandlerImpl.executePageToBuildView(ViewHandlerImpl.java:458)
	com.sun.faces.application.ViewHandlerImpl.renderView(ViewHandlerImpl.java:126)
	org.ajax4jsf.application.ViewHandlerWrapper.renderView(ViewHandlerWrapper.java:108)
	org.ajax4jsf.application.AjaxViewHandler.renderView(AjaxViewHandler.java:216)
	com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:110)
	com.sun.faces.lifecycle.Phase.doPhase(Phase.java:100)
	com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:139)
	javax.faces.webapp.FacesServlet.service(FacesServlet.java:266)
	org.ajax4jsf.webapp.BaseFilter.doFilter(BaseFilter.java:307)
	org.ajax4jsf.webapp.BaseXMLFilter.doXmlFilter(BaseXMLFilter.java:141)
	org.ajax4jsf.webapp.BaseFilter.doFilter(BaseFilter.java:281)
	org.apache.jasper.runtime.PageContextImpl.doForward(PageContextImpl.java:706)
	org.apache.jasper.runtime.PageContextImpl.forward(PageContextImpl.java:677)
	org.apache.jsp.index_jsp._jspService(index_jsp.java:59)
	org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:70)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:717)
	org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:377)
	org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:313)
	org.apache.jasper.servlet.JspServlet.service(JspServlet.java:260)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:717)

Thanks in advance.

have you remove the value attribute? do you understand why the exception?

Yes I have removed the value attribute. I guess in the bean we have to declalre the property as HtmlInputText when you use binding attribute. I am not sure I was looking at online example.

Sorry I am quite new to JSF I just started couple of days back.

Hi,

I don't know what is wrong with tomcat it works in Jboss. When I deploy the same application in jboss I get the empty text fields as I expected.

Please help to get this done in tomcat.

post your relevent code

Hi,

I have attached my full code.

my login.jsp

<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<html>
	<head>
		<title>Login Page</title> 
		<link href="../css/style.css" rel="stylesheet" type="text/css"/>
		<a4j:loadScript src="jquery.js"/>
		<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery("a").click(function() {
      alert("Hello world!");
     });
  });
</script>
	</head>
	<body>
		<f:view>
		<a href="">Link</a>
		<center>
		<h:panelGrid width="380px" columns="2" border="0">
			<rich:panel header="Login" style="background-color: #ebf3fd;">
				<h:form id="LoginForm">
					<h:outputText value="#{LoginForm.text}" />
					<h:panelGrid id="lpg" columns="2" >
						<h:panelGroup>
						<h:outputText value="User Id"/> 
						<h:inputText id="username" value="#{LoginForm.userName}" styleClass="inputbox"/>
						<h:outputText value=""/>
						<h:message for="username" styleClass="errors"/>	
						</h:panelGroup>

<h:outputText value="Password"/> 
						<h:inputSecret id="password" value="#{LoginForm.password}" styleClass="inputbox"/>
						<h:outputText value=""/>
						<h:message for="password" styleClass="errors"/>

<h:outputText value=""/>
						<h:commandButton value="Login" action="#{LoginForm.validUser}" styleClass="submitButton"/>
					</h:panelGrid>
				</h:form>

<h:form>
					<h:panelGrid id="bottompg" columns="1" >
						<h:outputText value="New User?" style="font-family:arial, verdana;font-size:10px;"/>
						<h:commandLink value="Register Here" action="useraccount" style="font-family:arial, verdana;font-size:12px;"/>
						<h:outputText value=""/>
						<h:commandLink value="Forgot Password?" action="forgotpassword" style="font-family:arial, verdana;font-size:12px;"/>
					</h:panelGrid>
				</h:form>

</rich:panel>
		</h:panelGrid>
		</center>
	</f:view>	
	</body>
</html>

faces-config:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces
Config 1.1//EN"
"http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
<faces-config>

<managed-bean>
		<managed-bean-name>LoginForm</managed-bean-name>
		<managed-bean-class>com.form.LoginForm</managed-bean-class>
		<managed-bean-scope>request</managed-bean-scope>
	</managed-bean>

<managed-bean>
		<managed-bean-name>RetrievePassword</managed-bean-name>
		<managed-bean-class>com.form.RetrievePassword</managed-bean-class>
		<managed-bean-scope>request</managed-bean-scope>
	</managed-bean>

<managed-bean>
		<managed-bean-name>userForm</managed-bean-name>
		<managed-bean-class>com.form.UserForm</managed-bean-class>
		<managed-bean-scope>request</managed-bean-scope>
	</managed-bean>

<navigation-rule>
		<from-view-id>/user/login.jsp</from-view-id>
		<navigation-case>
			<from-action>#{LoginForm.validUser}</from-action>
			<from-outcome>success</from-outcome>
			<to-view-id>/user/success.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-action>#{LoginPage.validUser}</from-action>
			<from-outcome>failure</from-outcome>
			<to-view-id>/user/login.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-outcome>forgotpassword</from-outcome>
			<to-view-id>/user/forgotpassword.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-outcome>useraccount</from-outcome>
			<to-view-id>/user/useraccount.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

<navigation-rule>
		<from-view-id>/user/forgotpassword.jsp</from-view-id>
		<navigation-case>
			<from-action>#{RetrievePassword.check}</from-action>
			<from-outcome>passwordsendingsuccess</from-outcome>
			<to-view-id>/user/successpwdsend.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-action>#{RetrievePassword.check}</from-action>
			<from-outcome>passwordsendingfail</from-outcome>
			<to-view-id>/user/forgotpassword.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

<navigation-rule>
		<from-view-id>/user/success.jsp</from-view-id>

<navigation-case>
			<from-action>#{LoginForm.logout}</from-action>
			<from-outcome>logoutsuccess</from-outcome>
			<to-view-id>/user/logout.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-action>#{userForm.editProfile}</from-action>
			<from-outcome>editSuccess</from-outcome>
			<to-view-id>/user/useraccount.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-outcome>changePassword</from-outcome>
			<to-view-id>/user/changepassword.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

<navigation-rule>
		<from-view-id>/user/changepassword.jsp</from-view-id>
		<navigation-case>
			<from-outcome>success</from-outcome>
			<to-view-id>/user/changepasswordsuccess.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-outcome>failure</from-outcome>
			<to-view-id>/user/changepassword.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

<navigation-rule>
		<from-view-id>*</from-view-id>
		<navigation-case>
			<from-outcome>gotomain</from-outcome>
			<to-view-id>/user/success.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

<navigation-rule>
		<from-view-id>/user/useraccount.jsp</from-view-id>
		<navigation-case>
			<from-action>#{userForm.saveUser}</from-action>
			<from-outcome>successUserRegistration</from-outcome>
			<to-view-id>/user/newaccountsuccess.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-action>#{userForm.saveUser}</from-action>
			<from-outcome>successUserUpdate</from-outcome>
			<to-view-id>/user/userUpdateSuccess.jsp</to-view-id>
		</navigation-case>
		<navigation-case>
			<from-action>#{userForm.saveUser}</from-action>
			<from-outcome>error</from-outcome>
			<to-view-id>/user/useraccount.jsp</to-view-id>
		</navigation-case>
	</navigation-rule>

</faces-config>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<display-name>a4jEchoText</display-name>
		<context-param>
			<param-name>org.richfaces.SKIN</param-name>
			<param-value>blueSky</param-value>
		</context-param>
		<context-param>
			<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
			<param-value>server</param-value>
		</context-param>
		
		<filter>
			<display-name>RichFaces Filter</display-name>
			<filter-name>richfaces</filter-name>
			<filter-class>org.ajax4jsf.Filter</filter-class>
		</filter>
		<filter-mapping>
			<filter-name>richfaces</filter-name>
			<servlet-name>Faces Servlet</servlet-name>
			<dispatcher>REQUEST</dispatcher>
			<dispatcher>FORWARD</dispatcher>
			<dispatcher>INCLUDE</dispatcher>
		</filter-mapping>

<filter>
			<display-name>Ajax4jsf Filter</display-name>
			<filter-name>ajax4jsf</filter-name>
			<filter-class>org.ajax4jsf.Filter</filter-class>
		</filter>
		<filter-mapping>
			<filter-name>ajax4jsf</filter-name>
			<servlet-name>Faces Servlet</servlet-name>
			<dispatcher>FORWARD</dispatcher>
			<dispatcher>REQUEST</dispatcher>
			<dispatcher>INCLUDE</dispatcher>
		</filter-mapping>

<servlet>
		<servlet-name>Faces Servlet</servlet-name>  
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>

<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.jsf</url-pattern>
	</servlet-mapping>
</web-app>

LoginForm:

package com.form;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;

import javax.faces.context.FacesContext;
import javax.servlet.http.HttpSession;

public class LoginForm  {
	private String text;
	private String userName;
	private String password;

public String getUserName() {
		return userName;
	}
	public void setUserName(String userName) {
		this.userName = userName;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getText() {
		return text;
	}
	public void setText(String text){
		this.text = text;
	}

String url = "jdbc:mysql://localhost:3306/";
    String db = "dev_phra";
    String driver = "com.mysql.jdbc.Driver";
    String user = "root";
    String pass = "phra";
	Connection con = null;
    ResultSet res;

public String validUser() throws Exception{
		String returnString = "success";
		try{
			Class.forName(driver);
			try{
				con = DriverManager.getConnection(url+db, user, pass);
				Statement st = con.createStatement();
				String query="SELECT * FROM  register where userName='"+  userName + "' && password='" + password+"'";
				res = st.executeQuery(query);
				if(res.next()){					
					int id = res.getInt("id");
					String username = res.getString("userName");
				//	String t = res.getString("password");
					
					FacesContext context = FacesContext.getCurrentInstance();
					HttpSession session = (HttpSession) context.getExternalContext().getSession(true);
					session.setAttribute("id", id);
					session.setAttribute("username", username);
				}
				else{
					setText("User Name or Password is incorrect.");
					returnString = "failure";
				}
			}
			catch (SQLException s){
				System.out.println(s);
			}
		}
		catch (ClassNotFoundException s){
			System.out.println(s);
		}
		return returnString;
	}

public String logout(){
		FacesContext context = FacesContext.getCurrentInstance();
		HttpSession session = (HttpSession) context.getExternalContext().getSession(true);
		if(session==null){
			return "invalid";
		}
		else{
			session.invalidate();
			return "logoutsuccess";
		}
		
	}

}

Thanks for the help.