在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”页面
如果单击该按钮,则显示“ user.xhtml”页面,以及提交的文本框值
下载源代码
下载它– JSF-2-TextBox-Example.zip (9KB)