JSF教程

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表中的一列数据	表中的列

上一篇：JSF h:panelGrid标签

下一篇：JSF UI组件示例

分类导航

关注微信小程序

扫描二维码
程序员编程王