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」元素)的名稱。