JSF标签详解.docx

JSF标签

1. 标签入门.......................................................................................................................................2

简介JSF标准标签 ...............................................................................................................2

输出类标签.........................................................................................................................3

输入类标签.........................................................................................................................4

命令类标签.........................................................................................................................4

选择类标签 一...................................................................................................................5

选择类标签 二...................................................................................................................7

其它标签.............................................................................................................................9

网页设计人员要做的就是了解JSF的标签的使用方式，这就像是学习进阶的

HTML标签，另一件事就是与程序设计人员沟通好各个Bean的名称绑定。

1. 标签入门

标签的相关属性查询，您可以参考 Tag Library Documentation，这边的介

绍只是一些简单的入门实例。

简介 JSF 标准标签

JSF提供了标准的HTML Renderer Kit，可以让您搭配JSF组件输出HTML文件，

标准的HTML Renderer Kit主要包括了几个类别：

其名称以select作为开头，其作用为提供使用者选项的选取。

包括了form、message、messages、graphicImage等等未分类的标签。

JSF标准HTML标签包括了几个共通的属性，整理如下：

除了共通的属性之外，您还可以在某些组件上设定标签HTML 4.01的属性，

像是size、alt、width等属性，或者是设定DHTML事件属性，例如onchange、onclick

等等。

除了JSF的标准HTML标签之外，您还需要一些标准核心标签，这些标签是独

立于Renderer Kit的，JSF并不限制在HTML输出表示层，核心标签可以搭配其它

的Renderer Kit来使用。

产生<label> HTML标签，使用for属性指定组件的client ID，例如：

这会产生像是以下的标签：

产生<a> HTML标签，例如：

你可搭配<f:param>帮链结加上参数，所有的参数都会变成 name=value 的

类型附加在链接后。

value所指定的内容也可以是JSF EL绑定。

产生指定的文字信息，可以搭配<f:param>来设定信息的参数以格式化文字

信息，例如：

简单的显示指定的值或绑定的信息，例如：

<h:outputText value="#{user.name}"/>

输入类标签

输入类标签包括了inputText、inputTextarea、inputSecret、inputHidden，

分别举例说明如下：

显示单行输入框，即输出<input> HTML标签，其type属性设定为text，例如：

<h:inputText value="#{user.name}"/>

显示多行输入文字区域，即输出<textarea> HTML标签，例如：

隐藏输入框，即输出<input> HTML标签，其type属性设定为hidden，隐藏输

入框的值用于保留一些信息于客户端，以在下一次发送表单时一并提交，例如：

<h:inputHidden value="#{user.hiddenInfo}"/>

命令类标签

命令类标签包括commandButton与commandLink，其主要作用在于提供一个命

令按钮或链接，以下举例说明：

显示一个命令按钮，即输出<input> HTML标签，其type属性可以设定为

button、submit或reset，预设是submit，按下按钮会触发 javax.faces.event.

含有一段JavaScript程序，这个JavaScript的目的是按下链接后自动提交表单，

具体来说其作用就像按钮，但外观却是超链接，包括在本体部份的内容都会成为

超链接的一部份，一个使用的例子如下：

产生的HTML输出范例如下：