JSF 輸出格式示例

2018-02-20 14:01 更新

JSF教程 - JSF 輸出格式示例


h:outputFormat標(biāo)記渲染HTML文本，但可以接受參數(shù)化輸入。

下面的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

標(biāo)簽屬性

屬性描述
id標(biāo)簽的標(biāo)識(shí)
binding引用在backing bean中使用的組件
rendered布爾值; false將抑制渲染
styleClass級(jí)聯(lián)樣式表(CSS)類名稱
value值綁定
converter轉(zhuǎn)換器類名
style內(nèi)聯(lián)樣式信息
title用于輔助功能的標(biāo)題。 瀏覽器通常為標(biāo)題的值創(chuàng)建工具提示

例子

下面的代碼來自UserBean.java。

package cn.w3cschool.common;

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://m.hgci.cn">{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;
  }
  
}

以下代碼來自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"
      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="m.hgci.cn" />
       </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>
下載 OutputFormat.zip

運(yùn)行

將生成的WAR文件從目標(biāo)文件夾復(fù)制到Tomcat部署文件夾，并運(yùn)行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成啟動(dòng)后，在瀏覽器地址欄中鍵入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)