JSF使用者介面元件模型


JavaServer Faces提供豐富的元件庫來定義應用程式的體系結構。

它包括以下內容:

豐富的用於指定使用者介面元件的狀態和行為的類:

  • 一種渲染模型,定義如何以各種方式呈現元件。
  • 一種定義如何將資料轉換器註冊到元件上的轉換模型。
  • 一個定義如何處理元件事件的事件和監聽器模型。
  • 一種驗證模型,用於定義如何將驗證器註冊到元件上。

JSF使用者介面元件

JSF HTML標籤庫表示HTML表單元件和其他基本HTML元素,用於顯示或接受來自使用者的資料。 JSF表單在提交表單後將此資料傳送到伺服器。

下表中列出了包含使用者介面元件。

標籤 功能 呈現為 外觀
h:inputText 顯示使用者輸入字串的輸入框 HTML的<input type="text">元素 一個輸入欄位域
h:outputText 顯示一行文字 純文字 純文字
h:form 代表一個輸入表單 HTML <form>元素標籤 無外觀
h:commandButton 它向應用程式提交表單 HTML <input type = "value">元素,型別值可以為「submit」,「reset」或「image
h:inputSecret 它允許使用者輸入字串,但不會在欄位中顯示實際的字串 HTML <input type="password">元素 顯示一行字元而不是輸入的實際字串的欄位
h:inputTextarea 它允許使用者輸入多行字串 HTML <textarea>元素標籤 多行欄位
h:commandLink 它連結到頁面上的另一頁或位置 HTML <a href="">元素標籤 一個連結
h:inputHidden 它允許頁面寫入包含一個隱藏的變數和值 HTML <input type="hidden">元素 無外觀
h:inputFile 它允許使用者上傳檔案 HTML <input type="file">元素標籤 具有瀏覽按鈕的欄位
h:graphicImage 它顯示一個影象 HTML <img>元素標籤 一個影象
h:dataTable 它代示資料包裝器 HTML <table>元素標籤 可以動態更新的表
h:message 它顯示在地化的訊息 HTML <span>標籤,如果使用樣式 一個文字字串
h:messages 它顯示在地化的訊息 一組HTML <span>標籤,如果使用樣式 一個文字字串
h:outputFormat 它顯示格式化的訊息 純文字 純文字
h:outputLabel 它將巢狀元件顯示為指定輸入欄位的標籤 HTML <label>元素 純文字
h:outputLink 它連結到頁面上的另一個頁面或位置,但不生成操作事件。 HTML <a>元素 一個連結
h:panelGrid 它在一個父項下分組一組元件 HTML <div><span> 元素 在一個表中的一行
h:selectBooleanCheckbox 它允許使用者更改布林值的值 HTML <input type="checkbox"> 元素 一個核取方塊
h:selectManyCheckbox 它顯示一組核取方塊,使用者可以從中選擇多個值。 一組HTML <input>型別核取方塊的元素 一組核取方塊
h:selectManyListbox 它允許使用者從一組全部顯示的專案中選擇多個專案。 HTML <select>元素 選擇框
h:selectManyMenu 它允許使用者從一組專案中選擇多個專案 HTML <select>元素 選單
h:selectOneListbox 它允許使用者從一組全部顯示的專案中選擇一個專案 HTML <select>元素 選擇框
h:selectOneMenu 它允許使用者從一組專案中選擇一個專案 HTML <select>元素 選單
h:selectOneRadio 它允許使用者從一組專案中選擇一個專案 HTML <input type="radio">元素 一組選項
h:column 它表示資料元件中的一列資料 HTML表中的一列資料 表中的列