Skip to main content

Post 1: JSF : textbox example

JSF 2 textbox example

JSF tag…

<h:inputText />

JSF textbox example

A full JSF 2 example to render a textbox input field via <h:inputText /> tag.

1. Managed Bean

A simple managed bean, with an “userName” property.
package com.revan.form;
 
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;
 
@ManagedBean
@SessionScoped
public class UserBean implements Serializable {
 
 private String userName;
 
 public String getUserName() {
  return userName;
 }
 
 public void setUserName(String userName) {
  this.userName = userName;
 }
}
 
 

2. View Page

Two pages for the demonstration.
demo.xhtml – render a textbox via “h:inputText”, button via “h:commandButton”, if the button is clicked, textbox value will be submitted to the “userBean.userName’ property via setUserName() method, and forward to “user.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:h="http://java.sun.com/jsf/html">
 
    <h:body>
     <h1>JSF 2 textbox example</h1>
 
   <h:form>
      <h:inputText value="#{userBean.userName}" />
      <h:commandButton value="Submit" action="user" />
       </h:form>
 
    </h:body>
</html>
 
user.xhtml – display the submitted textbox value via “h:outputText”

<?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://java.sun.com/jsf/html">
 
    <h:body>
     <h1>JSF 2 textbox example</h1>
 
 Submitted value : <h:outputText value="#{userBean.userName}" />
 
    </h:body>
</html>
 

3. Demo

URL : http://localhost:8080/JavaServerFaces/
Display “demo.xhtml” page
jsf2-textbox-example-1
If the button is clicked, display “user.xhtml” page, and the submitted textbox value

jsf2-textbox-example-2

 

Comments

Post a Comment

Popular posts from this blog

How to get VTU Provisional Degree Certificate (PDC) ?

Here is the procedure to get the Provisional Degree Certificate from the VTU by passed out candidates. You can get the certificate through post by sending the required documents to VTU. Documents and things required: 1. Provisional Degree Certificate (PDC) application form 2. DD of specified fees amount or print copy of receipt if you paid the fees online 3. A letter to the VTU registrar 4. A4 size envelope Step 1: Fill the PDC application You can download the PDC application form from the VTU website. Click below link for application download. PDC application form download     After downloading the application take a print of it and properly fill the form. Step 2: Make a DD of specified amount as the fees of PDC: Go to the bank and make the DD of prescribed fee amount for the PDC. The fee amount is specified in the above link from where you downloaded the application. Make the DD in favor of " Finance Officer, VTU Belgaum ".   ...
2 comments
Read more

TIME TABLE: VTU BE/B.Tech June/July 2016 Exam Time table Draft Layout

Semester-wise June-July 2016 Exam time table (Draft Layout) Are You Using updated Kwikstudy App?
2 comments
Read more

Post 3: iReport for Java

Datasets and Table component in Jasper Reports Welcome to the Post 3. In previous articles we went through the Introduction of iReports and Building a Simple iReport . In this article, let us add some functionality to our report by adding a table and datasets . Tables plays a very important role in every design , in iReports Tables are used to represent data in an efficient and usefull manner. Most of the time we need to iterate our dynamic data to display the output , in case of iReports this is done by Tables and Datasets . Let’s take a brief look at how to use a Table Component to generate a simple tabular representation of data. The following are the basic steps we will take: Create a saperate Dataset so that we could iterate the data easily . Add a table component to detail band of the report , and set its  basic layout and structure. Put Dataset variables(Fields) in table to generate desired result. Preview the report to see the ...
Post a Comment
Read more