鍍金池/ 教程/ HTML/ JSFJSF用戶界面組件模型
JSF數(shù)據(jù)表(h:dataTable)添加刪除
JSF <h:commandLink>標(biāo)簽
JSF應(yīng)用程序入門示例
JSF數(shù)據(jù)表(ui:repeat)創(chuàng)建表
JSF列表框
JSF數(shù)據(jù)表(h:dataTable)DataModel排序數(shù)據(jù)
JSF復(fù)合組件
JSF <h:inputText>標(biāo)簽
JSF表單組合框
JSF <h:messages>標(biāo)簽
JSF <h:message>標(biāo)簽
JSF轉(zhuǎn)換日期時(shí)間
JSF JDBC連接
JSF <h:inputHidden>標(biāo)簽
JSF多選列表框
JSF <h:inputSecret>標(biāo)簽
JSF自定義轉(zhuǎn)換器
JSF <f:ajax>標(biāo)簽
JSF生命周期
JSF可重定位資源
JSFJSF用戶界面組件模型
JSF <h:attribute>標(biāo)簽
JSF驗(yàn)證器標(biāo)簽
JSF驗(yàn)證字符串長(zhǎng)度
JSF轉(zhuǎn)換器標(biāo)簽
JSF托管bean(Managed Bean)
JSF值變化的事件
JSF UI組件示例
JSF MySQL CURD實(shí)例
JSF數(shù)據(jù)表(h:dataTable)排序數(shù)據(jù)
JSF <h:graphicImage>標(biāo)簽
JSF <f:convertNumber>標(biāo)簽
JSF教程
JSF托管Bean
JSF輸出腳本
JSF <h:outputText>標(biāo)簽
JSF操作事件
JSF驗(yàn)證正則表達(dá)式
JSF數(shù)據(jù)表(h:dataTable)行號(hào)
JSF <h:setPropertyActionListener>標(biāo)簽
JSF注入托管bean實(shí)例
JSF <h:commandButton>標(biāo)簽
JSF Web資源
JSF <h:inputFile>標(biāo)簽
JSF驗(yàn)證浮點(diǎn)數(shù)值范圍
JSF Facelets視圖
JSF是什么?
JSF Facelets模板
JSF的特性(特點(diǎn))
JSF自定義驗(yàn)證器類
JSF單選按鈕
JSF輸出樣式
JSF數(shù)據(jù)表(h:dataTable)更新數(shù)據(jù)
JSF HTML5友好標(biāo)記
JSF表單復(fù)選框(CheckBox)示例
JSF <h:form>標(biāo)簽
JSF Facelets技術(shù)介紹
JSF輸出格式化
JSF <h:inputtextarea>標(biāo)簽
JSF驗(yàn)證整數(shù)范圍
JSF <h:panelGrid>標(biāo)簽

JSFJSF用戶界面組件模型

JavaServer Faces提供豐富的組件庫(kù)來(lái)定義應(yīng)用程序的體系結(jié)構(gòu)。

它包括以下內(nèi)容:

豐富的用于指定用戶界面組件的狀態(tài)和行為的類:

  • 一種渲染模型,定義如何以各種方式呈現(xiàn)組件。
  • 一種定義如何將數(shù)據(jù)轉(zhuǎn)換器注冊(cè)到組件上的轉(zhuǎn)換模型。
  • 一個(gè)定義如何處理組件事件的事件和監(jiān)聽(tīng)器模型。
  • 一種驗(yàn)證模型,用于定義如何將驗(yàn)證器注冊(cè)到組件上。

JSF用戶界面組件

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ù) 表中的列