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:graphicImage>標籤
JSF呈現一個HTML元素「img」標籤。 該標籤用於在網頁上呈現圖像。
JSF <h:graphicImage>標籤實例
<h:graphicImage id="image-id" name="user-image" url="#{user.fileLocation()}"
height="50px" width="50px" alt="Image not found"></h:graphicImage>
它在網頁上顯示圖像。在上面的例子中,url屬性指定圖像的路徑。 示例代碼的URL以斜槓(/)開頭,它將Web應用程序的相對上下文路徑添加到圖像路徑的開頭。
JSF <h:graphicImage>標籤的屬性
標籤
描述
id
它是此組件的標識符,此ID必須是唯一的。可以使用它來訪問CSS和JS文件中的HTML元素。
value
它保存此組件的當前值。
name
它用於爲此資源設置資源名稱。
url
它是一個上下文相關URL來檢索與此組件關聯的資源。 這是「value」屬性的別名。
height
它用於設置圖像的高度。
width
用於設置此圖像的寬度。
alt
它用於設置圖像的備用名稱。
class
它代表這個組件的CSS類。
dir
這是一種不繼承方向性的文本的方向指示。 有效值爲「LTR」(從左到右)和「RTL」(從右到左)。
onclick
它是在圖像上點擊之後調用JavaScript代碼的方法。
rendered
它用於渲染此組件。 您可以將其值設置爲true或false。 默認值爲true。
rendered
它是一個標誌,表示該圖像將被用作服務器端圖像映射。 這樣的圖像必須被包含在超鏈接(「a」)中。 值爲false導致不呈現屬性,而true值會導致屬性被渲染爲ismap =「ismap」。
style
它用於設置CSS樣式代碼,以提供該組件的更好的用戶界面。
usemap
該元素提供圖像的客戶端圖像映射(HTML 「map」元素)的名稱。