JSFJSF用戶界面組件模型
JSF UI組件示例
JSF <h:inputText>標籤
JSF <h:outputText>標籤
JSF <h:form>標籤
JSF <h:commandButton>標籤
JSF <h:inputtextarea>標籤
JSF <h:commandLink>標籤
JSF <h:inputSecret>標籤
JSF <h:inputHidden>標籤
JSF <h:inputFile>標籤
JSF <h:graphicImage>標籤
JSF <h:message>標籤
JSF <f:ajax>標籤
JSF單選按鈕
JSF表單組合框
JSF列表框
JSF多選列表框
JSF輸出格式化
JSF輸出樣式
JSF <h:attribute>標籤
JSF <h:setPropertyActionListener>標籤
JSF輸出格式化
<h:outputFormat>
標籤呈現HTML文本,但可以接受參數化輸入。
以下JSF代碼 -
<h:outputFormat value="parameter 1 : {0}, parameter 2 : {1}" >
<f:param value="Item 1" />
<f:param value="Item 2" />
</h:outputFormat>
被渲染成以下HTML代碼 -
parameter 1 : Item 1, parameter 2 : Item 2
實例
打開NetBean8.2,創建一個名稱爲:OutputFormat 的JavaWeb JSF工程。以下是文件:UserBean.java中的代碼 -
package com.yiibai;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean{
public String text = "Hello {0}";
public String htmlInput = "<a href='http://www.yiibai.com'>{0}</a>";
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
public String getHtmlInput() {
return htmlInput;
}
public void setHtmlInput(String htmlInput) {
this.htmlInput = htmlInput;
}
}
以下是文件:index.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"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:outputFormat value="this is param 0 : {0}, param 1 : {1}" >
<f:param value="Number 1" />
<f:param value="Number 2" />
</h:outputFormat>
<br/>
<h:outputFormat value="#{user.text}" >
<f:param value="yiibai.com" />
</h:outputFormat>
<br/>
<h:outputFormat value="#{user.htmlInput}" >
<f:param value="text" />
<f:param value="size='30'" />
</h:outputFormat>
<br/>
<h:outputFormat value="#{user.htmlInput}" escape="false" >
<f:param value="text" />
<f:param value="size='30'" />
</h:outputFormat>
<br/>
<h:outputFormat value="#{user.htmlInput}" escape="false" >
<f:param value="button" />
<f:param value="value='Click Me'" />
</h:outputFormat>
</h:body>
</html>
運行實例
Tomcat啓動完成後,在瀏覽器地址欄中輸入以下URL。
http://localhost:8084/OutputFormat
得到結果如下圖所示 -