JSF 相對應消息標記

2018-02-20 13:37 更新

JSF教程 - JSF相對應消息標記


h:message標記顯示與UI元素相對應的消息。

以下JSF標記

<h:inputText  id="username"  size="20" label="UserName" required="true">
   <f:validateLength for="username" minimum="5" maximum="20" />      
</h:inputText>

<h:message for="username" style="color:red" />

如果輸入超過20個字符。

<span style="color:red">UserName: Validation Error: 
Length is greater than allowable maximum of "20"</span>

如果輸入小于5個字符。

<span style="color:red">UserName: Validation Error: 
Length is less than allowable minimum of "5"</span>

如果未輸入輸入字段。

<span style="color:red">UserName: Validation Error: Value is required</span>

標簽屬性

屬性描述
id標簽的標識
binding引用在backing bean中使用的組件
rendered布爾值; false將抑制渲染
styleClass級聯(lián)樣式表(CSS)類名稱
for顯示消息的組件ID
errorClass應用于錯誤消息的CSS類
errorStyleCSS樣式應用于錯誤消息
fatalClassCSS類應用于致命消息
fatalStyleCSS樣式應用于致命消息
globalOnly僅顯示全局消息的指令。 默認值:false
infoClassCSS類應用于信息消息
infoStyleCSS樣式應用于信息消息
layout消息布局規(guī)范:表或列表
showDetail確定是否顯示郵件詳細信息的布爾值。 h:messages的默認值為false，h:message的默認值為true
showSummary確定是否顯示消息摘要的布爾值。h:messages的默認值為true，h:message的值為false
tooltip一個布爾值，用于設置是否在工具提示中呈現(xiàn)消息詳細信息;僅當showDetail和showSummary為true時才會呈現(xiàn)工具提示
warnClass警告消息的CSS類
warnStyleCSS樣式的警告消息
style內聯(lián)樣式信息
title用于輔助功能的標題。 瀏覽器通常為標題的值創(chuàng)建工具提示

例子

以下代碼來自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"
      xmlns:ui="http://java.sun.com/jsf/facelets">
     
    <h:body>
    <h:form>
      <h:messages style="color:red;margin:8px;" />
      <br />
      <h:panelGrid columns="3">
        Enter your username :
        <h:inputText id="username" value="#{user.username}" 
          size="20" required="true"
          label="UserName" >
          <f:validateLength minimum="5" maximum="10" />
        </h:inputText>
 
        <h:message for="username" style="color:red" />

        Enter your age :
        <h:inputText id="age" value="#{user.age}" 
          size="20" required="true"
          label="Age" >
          <f:validateLongRange for="age" minimum="1" maximum="200" />
        </h:inputText>
 
        <h:message for="age" style="color:red" />
        
      </h:panelGrid>
    
      <h:commandButton value="Submit" action="result" />
    
    </h:form>
    
    </h:body>
</html>

下面的代碼來自UserBean.java。

package cn.w3cschool.common;


import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
  
  private static final long serialVersionUID = 1L;
  
  public String username;
  public int age;
  
  public String getUsername() {
    return username;
  }
  public void setUsername(String username) {
    this.username = username;
  }
  public int getAge() {
    return age;
  }
  public void setAge(int age) {
    this.age = age;
  }
  
}

以下代碼來自result.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>
    Username : #{user.username}
    <br />
    Age : #{user.age}
    </h:body>
</html>
下載 Message_Tag.zip

運行

將生成的WAR文件從目標文件夾復制到Tomcat部署文件夾，并運行Tomcat-Install-folder/bin/startup.bat。

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號