【免费】《JSF标签》简体中文版资源-CSDN文库

共1个文件

pdf：1个

需积分: 0 34 浏览量 2007-11-04 19:49:17 上传评论收藏 227KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

JSF标签》简体中文版.rar （1个子文件）

《JSF标签》简体中文版.pdf 281KB

JSF标签

原文：http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=2630

繁简转换与修订：jnzgy@163.com

声明：为方便简体中文读者阅读，特将原文转换为简体，对一些习惯用语做了替换，同时对部分内容

做了修订。版权归原文作者所有，未经许可，不得用于商业目的。

2006年3月27日

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

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

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

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

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

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

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

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

2. 表格处理....................................................................................................................................11

2.1 简单的表格......................................................................................................................11

2.2 表头、表尾......................................................................................................................14

2.3 TableModel 类..................................................................................................................16

JSF 标签

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

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

1. 标签入门

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

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

1.1 简介 JSF 标准标签

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

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

¾ 输出（Outputs）

其名称以output作为开头，作用为输出指定的信息或绑定值。

¾ 输入（Inputs）

其名称以input作为开头，其作用为提供使用者输入框。

¾ 命令（Commands）

其名称以command作为开头，其作用为提供命令或链接按钮。

¾ 选择（Selections）

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

¾ 其它

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

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

属性名称适用说明

id 所有组件可指定id名称，以让其它标签或组件

参考

binding 所有组件绑定至UIComponent

rendered 所有组件是否显示组件

styleClass 所有组件设定Cascading stylesheet(CSS)

value 输入、输出、命

令组件

设定值或绑定至指定的值

valueChangeListener 输入组件设定值变事件处理者

converter 输入、输出组件设定转换器

validator 输入组件设定验证器

required 输入组件是否验证必填输入框

immediate 输入、命令组件是否为即时事件

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

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

等等。

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

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

第 2 页共 18 页

JSF 标签

的Renderer Kit来使用。

详细的HTML标签或核心标签的使用与属性说明可以查询 Tag Library

Documentation 文件

1.2 输出类标签

输出类的标签包括了outputLabel、outputLink、outputFormat与

outputText，分别举例说明如下：

¾ outputLabel

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

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

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

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

¾ outputLink

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

<h:outputLink value="../index.jsp">

<h:outputText value="Link to Index"/>

<f:param name="name" value="MyName"/>

</h:outputLink>

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

类型附加在链接后。

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

¾ outputFormat

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

信息，例如：

<f:loadBundle basename="messages" var="msgs"/>

<h:outputFormat value="#{msgs.welcomeText}">

<f:param value="Hello"/>

<f:param value="Guest"/>

</h:outputFormat>

如果您的messages.properties包括以下的内容：

welcomeText={0}, Your name is {1}.

则{0}与{1}会被取代为<f:param>设定的文字，最后显示的文字会是：

Hello, Your name is Guest.

另一个使用的方法则是：

<h:outputFormat value="{0}, Your name is {1}.">

<f:param value="Hello"/>

<f:param value="Guest"/>

</h:outputFormat>

¾ outputText

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

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

第 3 页共 18 页

JSF 标签

1.3 输入类标签

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

分别举例说明如下：

¾ inputText

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

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

¾ inputTextarea

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

<h:inputTextarea value="#{user.command}"/>

¾ inputSecret

显示密码输入框，即输出<input> HTML标签，其type属性设定为password，

例如：

<h:inputSecret value="#{user.password}"/>

您可以设定redisplay属性以决定是否要显示密码栏目的值，预设是false。

¾ inputHidden

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

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

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

1.4 命令类标签

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

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

¾ commandButton

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

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

ActionEvent，使用例子如下：

<h:commandButton value="提交" action="#{user.verify}"/>

您可以设定image属性，指定图片的URL，设定了image属性的话，<input>

标签的type属性会被设定为image，例如：

<h:commandButton value="#{msgs.commandText}"

image="images/logowiki.jpg"

action="#{user.verify}"/>

¾ commandLink

产生超链接，会输出<a> HTML标签，而href属性会有'#'，而onclick属性会

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

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

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

<h:commandLink value="#{msgs.commandText}"

action="#{user.verify}"/>

产生的HTML输出范例如下：

第 4 页共 18 页

JSF 标签

<a href="#" onclick="document.forms['_id3']['_id3:_idcl'].value='_id3:_id13';

document.forms['_id3'].submit(); return false;">Submit</a>

如果搭配<f:param>来使用，则所设定的参数会被当作请求参数一并提交，

例如：

<h:commandLink>

<h:outputText value="welcome"/>

<f:param name="locale" value="zh_CN"/>

</h:commandLink>

1.5 选择类标签一

选择类的标签可大致分为单选标签与多选标签，依外型的不同可以分为单选

钮（Radio）、复选框（CheckBox）、列表框（ListBox）与菜单（Menu），以下

分别先作简单的说明。

¾ <h:selectBooleanCheckbox>

在视图上呈现一个复选框，例如：

我同意 <h:selectBooleanCheckbox value="#\{user.aggree\}"/>

value所绑定的属性必须接受与传回boolean类型。这个组件在网页上呈现的

外观如下：

¾ <h:selectOneRadio>、<h:selectOneListbox>、<h: selectOneMenu>

这三个标签的作用，是让使用者从其所提供的选项中选择一个项目，所不同

的就是其外观上的差别，例如：

<h:selectOneRadio value="#{user.education}">

<f:selectItem itemLabel="高中" itemValue="高中"/>

<f:selectItem itemLabel="大学" itemValue="大学"/>

<f:selectItem itemLabel="研究所以上" itemValue="研究所以上"/>

</h:selectOneRadio><p>

value所绑定的属性可以接受字符串以外的类型或是自定义类型，但记得如

果是必须转换的类型或自定义类型，必须搭配标准转换器或自定义转换器来

转换为对象，<h:selectOneRadio>的外观如下：

您也可以设定layout属性，可设定的属性是lineDirection、pageDirection，

预设是lineDirection，也就是由左到右来排列选项，如果设定为pageDirection，

则是由上至下排列选项，例如设定为：

<h:selectOneRadio layout="pageDirection"

value="#{user.education}">

<f:selectItem itemLabel="高中" itemValue="高中"/>

<f:selectItem itemLabel="大学" itemValue="大学"/>

<f:selectItem itemLabel="研究所以上" itemValue="研究所以上"/>

</h:selectOneRadio><p>

第 5 页共 18 页

评论收藏

内容反馈

HITCCBoy

粉丝: 14
资源: 12

《JSF标签》简体中文版

评论0

最新资源

《JSF标签》简体中文版

评论0

《JSF标签》简体中文版.

JSF标签简体中文版

JSF标签》简体中文版

《JSF标签》简体中文版 pdf

《jsf标签》简体中文版

《JSF标签》简体中文版(一定要会的).pdf

JSF标签（简体中文版，可作为jsf的UI设计人员的参考指南）

《JSF标签》简体中文版.rar

《JSF标签》简体中文版.pdf

JSF基础教程 简体中文

《JSF入门》简体中文版

jsf标签北大青鸟

《JSF入门》培训教程PPT

JSF标签

JSF_TAG(JSF 标签)

JSF标签库

JSF标签,JSF的使用

微信小程序源码-合集6.rar

微信小程序源码-合集5.rar

微信小程序源码-合集4.rar

微信小程序源码-合集3.rar

最新资源

JSF基础教程简体中文