JSF 2 hidden value example

In JSF, you can use the <h:inputHidden /> tag to render a HTML hidden value field. For example,

JSF tag…

<h:inputHidden value="some text" />

Render this HTML code…

<input type="hidden" name="random value" value="some text" />

JSF hidden field example

A JSF 2 example to render a hidden field via <h:inputHidden /> tag, and access the hidden value in JavaScript.

1. Managed Bean

A simple managed bean, declared as “user”.

package com.mkyong.form;
 
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable {
 
	String answer = "I'm Hidden value!";
 
	public String getAnswer() {
		return answer;
	}
 
	public void setAnswer(String answer) {
		this.answer = answer;
	}	
}

2. View Page

Render a hidden value via “h:inputHidden” tag, if the button is clicked, print the hidden value via JavaScript.

<?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:head>
	  <script type="text/javascript">
	    function printHiddenValue(){
 
	       alert(document.getElementById('myform:hiddenId').value);	
 
	    }
	  </script>
	</h:head>
    <h:body>
    	<h1>JSF 2 hidden value example</h1>
 
	  <h:form id="myform">
    		<h:inputHidden value="#{user.answer}" id="hiddenId" />
    		<h:commandButton type="button" value="ClickMe" onclick="printHiddenValue()" />
    	  </h:form>
 
    </h:body>
</html>

3. Demo

URL : http://localhost:8080/JavaServerFaces/

jsf2-hidden-value--example-1

Download Source Code

Download It – JSF-2-HiddenValue-Example.zip (9KB)
Note
You may interest to know how to pass new hidden value to backing bean in JSF.

Reference

  1. JSF <h:inputHidden /> JavaDoc
Tags :

About the Author

mkyong
Founder of Mkyong.com and HostingCompass.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.

Comments