JSF教程 – JSF隐藏值示例
h:inputHidden标签渲染类型为“hidden”的HTML输入元素。
以下JSF标记
<h:inputHidden value="Hello World" id="hiddenField" />
渲染到以下HTML标记。
<input id="jsfForm:hiddenField" type="hidden" name="jsfForm:hiddenField" value="Hello World" />
标签属性
属性 | 描述 |
---|---|
id | 标签的标识 |
binding | 引用在backing bean中使用的组件 |
value | 值绑定 |
valueChangeListener | 响应值更改的方法绑定 |
converter | 转换器类名 |
accept | 表单的内容类型的逗号分隔列表 |
accept-charset | 表单的字符编码的逗号或空格分隔列表。 |
border | 元素的边框宽度的像素值 |
immediate | 在生命周期的早期进行过程验证 |
例子
下面的代码来自UserBean.java。
package cn.w3cschool.common; 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; } }
以下代码来自demo.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:head> <script type="text/javascript"> function printHiddenValue(){ try{ console.log(document.getElementById("myform:hiddenId").value); }catch(e){ console.log(e); } } </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>
下载 Hidden_Value.zip
运行
将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后,在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml