W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
h:graphicImage標(biāo)簽渲染類(lèi)型為“img"的HTML元素。
下面的代碼
<h:graphicImage value="http://m.hgci.cn/jsf.png"/>
將呈現(xiàn)為以下HTML標(biāo)記。
<img src="http://m.hgci.cn/jsf.png" />
屬性 | 描述 |
---|---|
id | 標(biāo)簽的標(biāo)識(shí) |
binding | 引用在backing bean中使用的組件 |
rendered | 布爾值; false將抑制渲染 |
styleClass | 級(jí)聯(lián)樣式表(CSS)類(lèi)名稱(chēng) |
value | 值綁定 |
valueChangeListener | 響應(yīng)值更改的方法綁定 |
converter | 轉(zhuǎn)換器類(lèi)名 |
validator | 附加到組件的驗(yàn)證器的類(lèi)名 |
required | 布爾值; 如果為true,則根據(jù)需要標(biāo)記標(biāo)簽 |
accesskey | 給予一個(gè)元素的焦點(diǎn) |
accept | 表單的內(nèi)容類(lèi)型的逗號(hào)分隔列表 |
accept-charset | 表單的字符編碼的逗號(hào)或空格分隔列表。 |
alt | 非文字元素(例如圖片)的替代文字 |
border | 元素的邊框?qū)挾鹊南袼刂?/td> |
charset | 鏈接資源的字符編碼 |
coords | 形狀為矩形,圓形或多邊形的元素的坐標(biāo) |
dir | 文本的方向。 有效值為 ltr (從左到右)和 rtl (從右到左)。 |
disabled | 輸入元素或按鈕的禁用狀態(tài) |
hreflang | 使用 href 屬性指定的資源的基本語(yǔ)言; |
lang | 元素的屬性和文本的基本語(yǔ)言 |
maxlength | 文本字段的最大字符數(shù) |
readonly | 輸入字段的只讀狀態(tài) |
style | 內(nèi)聯(lián)樣式信息 |
tabindex | 指定制表符索引的數(shù)值 |
target | 打開(kāi)文檔的框架的名稱(chēng) |
title | 用于輔助功能的標(biāo)題。 瀏覽器通常為標(biāo)題的值創(chuàng)建工具提示 |
type | 鏈接類(lèi)型; 例如樣式表 |
width | 元素的寬度 |
onblur | 失去焦點(diǎn)的事件處理程序 |
onchange | 值更改的事件處理程序 |
onclick | 鼠標(biāo)按鈕的事件處理程序點(diǎn)擊該元素 |
ondblclick | 雙擊鼠標(biāo)按鈕的事件處理程序 |
onfocus | 元素接收焦點(diǎn)的事件處理程序 |
onkeydown | 按鍵的事件處理程序 |
onkeypress | 鍵按下并釋放的事件處理程序 |
onkeyup | Key的事件處理程序發(fā)布 |
onmousedown | 鼠標(biāo)按鈕的事件處理程序 |
onmousemove | 鼠標(biāo)移動(dòng)的事件處理程序 |
onmouseout | 鼠標(biāo)左的事件處理程序 |
onmouseover | 鼠標(biāo)移動(dòng)到的事件處理程序 |
onmouseup | 釋放鼠標(biāo)按鈕的事件處理程序 |
onreset | 表單重置的事件處理程序 |
onselect | 選擇文本的事件處理程序 |
immediate | 在生命周期的早期進(jìn)行過(guò)程驗(yàn)證 |
以下代碼來(lái)自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> <ol> <li>Normal way - <h:graphicImage value="resources/images/myImage.png" /></li> <li>Library way - <h:graphicImage library="images" name="myImage.png" /></li> </ol> </h:body> </html>
下面的代碼來(lái)自UserBean.java。
package cn.w3cschool.common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @ManagedBean(name="user") @SessionScoped public class UserBean{ }
以下代碼來(lái)自login.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>login.xhtml</h1> </h:body> </html>下載GraphicsImage.zip
將生成的WAR文件從目標(biāo)文件夾復(fù)制到Tomcat部署文件夾,并運(yùn)行Tomcat-Install-folder / bin / startup.bat。
Tomcat完成啟動(dòng)后,在瀏覽器地址欄中鍵入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話(huà):173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: