JSF用户界面组件模型
精华
小牛编辑
132浏览
2023-03-14
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表中的一列数据 | 表中的列 |