JSF 用户界面组件模型

2024 年 8 月 29 日 | 阅读 3 分钟

JavaServer Faces 提供了丰富的组件库来定义应用程序的架构。

它包括以下内容:

用于指定用户界面组件的状态和行为的丰富的类集合。

  • 一种渲染模型,用于定义如何以各种方式渲染组件。
  • 一种转换模型,用于定义如何将数据转换器注册到组件上。
  • 一种事件和监听器模型,用于定义如何处理组件事件。
  • 一种验证模型,用于定义如何将验证器注册到组件上。

JSF 用户界面组件

JavaServer Faces HTML 标记库表示 HTML 表单组件和其他基本 HTML 元素,这些元素用于显示或接受来自用户的数据。提交表单后,JSF 表单会将此数据发送到服务器。

下表包含用户界面组件。

标签函数渲染为外观
h:inputText它允许用户输入字符串。一个 HTML <input type="text"> 元素一个字段
h:outputText它显示一行文本。明文明文
h:form它表示一个输入表单。一个 HTML <form> 元素没有外观
h:commandButton它将表单提交到应用程序。一个 HTML <input type=value> 元素,其中 type 值可以是 "submit"、"reset" 或 "image"一个按钮
h:inputSecret它允许用户输入字符串,而无需在字段中显示实际字符串。一个 HTML <input type="password"> 元素一个字段,显示一行字符而不是输入的实际字符串。
h:inputTextarea它允许用户输入多行字符串。一个 HTML <textarea> 元素一个多行字段
h:commandLink它链接到页面上的另一个页面或位置。一个 HTML <a href> 元素一个链接
h:inputSecret它允许用户输入字符串,而无需在字段中显示实际字符串。一个 HTML <input type="password"> 元素一个字段,显示一行字符而不是输入的实际字符串。
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它显示一个表格。一个带有 <tr> 和 <td> 元素的 HTML <table> 元素一个表格
h:panelGroup它将一组组件组合在一个父组件下。一个 HTML <div> 或 <span> 元素表格中的一行
h:selectBooleanCheckbox它允许用户更改布尔值的选择。一个 HTML <input type="checkbox"> 元素一个复选框
h:selectManyCheckbox它显示一组复选框,用户可以从中选择多个值。一组类型为 checkbox 的 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 表格中的数据列表格中的一列
下一主题JSF UI 组件