JavaServer Faces提供豐富的組件庫(kù)來(lái)定義應(yīng)用程序的體系結(jié)構(gòu)。
它包括以下內(nèi)容:
豐富的用于指定用戶界面組件的狀態(tài)和行為的類:
JSF HTML標(biāo)簽庫(kù)表示HTML表單組件和其他基本HTML元素,用于顯示或接受來(lái)自用戶的數(shù)據(jù)。 JSF表單在提交表單后將此數(shù)據(jù)發(fā)送到服務(wù)器。
下表中列出了包含用戶界面組件。
標(biāo)簽 | 功能 | 呈現(xiàn)為 | 外觀 |
---|---|---|---|
h:inputText |
顯示用戶輸入字符串的輸入框 | HTML的<input type="text"> 元素 |
一個(gè)輸入字段域 |
h:outputText |
顯示一行文本 | 純文本 | 純文本 |
h:form |
代表一個(gè)輸入表單 | HTML <form> 元素標(biāo)簽 |
無(wú)外觀 |
h:commandButton |
它向應(yīng)用程序提交表單 | HTML <input type = "value"> 元素,類型值可以為“submit ”,“reset ”或“image ” |
|
h:inputSecret |
它允許用戶輸入字符串,但不會(huì)在字段中顯示實(shí)際的字符串 | HTML <input type="password"> 元素 |
顯示一行字符而不是輸入的實(shí)際字符串的字段 |
h:inputTextarea |
它允許用戶輸入多行字符串 | HTML <textarea> 元素標(biāo)簽 |
多行字段 |
h:commandLink |
它鏈接到頁(yè)面上的另一頁(yè)或位置 | HTML <a href=""> 元素標(biāo)簽 |
一個(gè)鏈拉 |
h:inputHidden |
它允許頁(yè)面寫入包含一個(gè)隱藏的變量和值 | HTML <input type="hidden"> 元素 |
無(wú)外觀 |
h:inputFile |
它允許用戶上傳文件 | HTML <input type="file"> 元素標(biāo)簽 |
具有瀏覽按鈕的字段 |
h:graphicImage |
它顯示一個(gè)圖像 | HTML <img> 元素標(biāo)簽 |
一個(gè)圖像 |
h:dataTable |
它代示數(shù)據(jù)包裝器 | HTML <table> 元素標(biāo)簽 |
可以動(dòng)態(tài)更新的表 |
h:message |
它顯示本地化的消息 | HTML <span> 標(biāo)簽,如果使用樣式 |
一個(gè)文本字符串 |
h:messages |
它顯示本地化的消息 | 一組HTML <span> 標(biāo)簽,如果使用樣式 |
一個(gè)文本字符串 |
h:outputFormat |
它顯示格式化的消息 | 純文本 | 純文本 |
h:outputLabel |
它將嵌套組件顯示為指定輸入字段的標(biāo)簽 | HTML <label> 元素 |
純文本 |
h:outputLink |
它鏈接到頁(yè)面上的另一個(gè)頁(yè)面或位置,但不生成操作事件。 | HTML <a> 元素 |
一個(gè)鏈接 |
h:panelGrid |
它在一個(gè)父項(xiàng)下分組一組組件 | HTML <div> 或 <span> 元素 |
在一個(gè)表中的一行 |
h:selectBooleanCheckbox |
它允許用戶更改布爾值的值 | HTML <input type="checkbox"> 元素 |
一個(gè)復(fù)選框 |
h:selectManyCheckbox |
它顯示一組復(fù)選框,用戶可以從中選擇多個(gè)值。 | 一組HTML <input> 類型復(fù)選框的元素 |
一組復(fù)選框 |
h:selectManyListbox |
它允許用戶從一組全部顯示的項(xiàng)目中選擇多個(gè)項(xiàng)目。 | HTML <select> 元素 |
選擇框 |
h:selectManyMenu |
它允許用戶從一組項(xiàng)目中選擇多個(gè)項(xiàng)目 | HTML <select> 元素 |
菜單 |
h:selectOneListbox |
它允許用戶從一組全部顯示的項(xiàng)目中選擇一個(gè)項(xiàng)目 | HTML <select> 元素 |
選擇框 |
h:selectOneMenu |
它允許用戶從一組項(xiàng)目中選擇一個(gè)項(xiàng)目 | HTML <select> 元素 |
菜單 |
h:selectOneRadio |
它允許用戶從一組項(xiàng)目中選擇一個(gè)項(xiàng)目 | HTML <input type="radio"> 元素 |
一組選項(xiàng) |
h:column |
它表示數(shù)據(jù)組件中的一列數(shù)據(jù) | HTML表中的一列數(shù)據(jù) | 表中的列 |