JavaServer Faces提供了丰富的组件库集, 以定义应用程序的体系结构。
它包括以下内容:
丰富的类集, 用于指定用户界面组件的状态和行为。
- 定义如何以各种方式渲染组件的渲染模型。
- 定义如何将数据转换器注册到组件上的转换模型。
- 一个事件和侦听器模型, 用于定义如何处理组件事件。
- 验证模型, 用于定义如何将验证器注册到组件上。
【JSF用户界面组件模型】下表包含用户界面组件。
标签 | 功能 | 呈现为 | 出现 |
---|---|---|---|
h:inputText | 它允许用户输入字符串。 | HTML < input type =“ text”> 元素 | A field |
h:outputText | 它显示一行文本。 | 纯文本 | 纯文本 |
h:form | 它代表一种输入形式。 | HTML < form> 元素 | 没有出现 |
h:commandButton | 它将表单提交给应用程序。 | 一个HTML < input type = value> 元素, 其类型值可以是“提交”, “重置”或“图像” | 一个按钮 |
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 | 它显示格式化的消息。 | Plain text | 纯文本 |
h:outputLabel | 它显示嵌套的组件作为指定输入字段的标签。 | HTML < label> 元素 | Plain text |
h:outputLink | 它链接到另一个页面或页面上的位置, 而不会生成动作事件。 | HTML < a> 元素 | 一条链接 |
h:panelGrid | 它显示一个表格。 | 具有< tr> 和< td> 元素的HTML < table> 元素 | 一张桌子 |
h:panelGroup | 它将一组组件归为一个父对象。 | 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> 元素 | A box |
h:selectOneMenu | 它允许用户从一组项目中选择一个项目。 | HTML < select> 元素 | 一份菜单 |
h:selectOneRadio | 它允许用户从一组项目中选择一个项目。 | HTML < input type =“ radio”> 元素 | 一组选项 |
h:column | 它代表数据组件中的数据列。 | HTML表格中的资料栏 | 表格中的一栏 |
推荐阅读
- JSF UI组件示例
- JSF教程介绍
- JSF标准转换器
- JSF可重定位资源
- JSF引用托管Bean方法
- JSF h:outputText标记
- JSF h:messages标记
- JSF h:message标签
- JSF托管Bean