JSF 2文本框示例

在JSF中,可以使用<h:inputText />标记呈现类型为text的HTML输入文本框。 例如,

JSF标签…

<h:inputText />

呈现此HTML代码...

<input type="text" name="j_idt6:j_idt7" />

PS名称属性值是由JSF随机生成的。

JSF文本框示例

一个完整的JSF 2示例,它通过<h:inputText />标记呈现文本框输入字段。

1.托管豆

一个简单的托管bean,具有“ userName”属性。

package com.mkyong.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.查看页面

两页用于演示。

demo.xhtml –通过“ h:inputText”呈现文本框,通过“ h:commandButton”呈现按钮,如果单击该按钮,则文本框值将通过setUserName()方法提交到“ userBean.userName”属性,并转发至“ 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 –通过“ 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.演示

网址:http:// localhost:8080 / JavaServerFaces /

显示“ demo.xhtml”页面

jsf2-textbox-example-1

如果单击该按钮,则显示“ user.xhtml”页面,以及提交的文本框值

jsf2-textbox-example-2

下载源代码

下载它– JSF-2-TextBox-Example.zip (9KB)

参考
  1. JSF <h:inputText /> JavaDoc

翻译自: https://mkyong.com/jsf2/jsf-2-textbox-example/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值