第13章 UI组件(精品).ppt

《第13章 UI组件(精品).ppt》由会员分享，可在线阅读，更多相关《第13章 UI组件(精品).ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第13章 UI组件主要内容：主要内容：应用实例介绍应用实例介绍UIUI组件组件HTMLHTML组件标签组件标签创建自定义组件创建自定义组件呈现器呈现器232313.1 13.1 应用实例介绍应用实例介绍l l应用实例包含的应用实例包含的JSFJSF技术特性技术特性l l应用实例包含的页面应用实例包含的页面l l应用实例包含的包应用实例包含的包l l创建包含创建包含JSFJSF的的JSPJSP页面页面l lcorecore标签标签13.1.1 13.1.1 应用实例包含的应用实例包含的JSFJSF技术特性技术特性l lJSFJSF技技术术实实现现提提供供了了FacesServletFacesSe

2、rvlet，它它的的实实例例接接收收输输入入的的请请求求并并将将请请求求传递给实现进行处理。传递给实现进行处理。l l在在一一个个应应用用配配置置资资源源文文件件中中集集中中了了所所有有的的导导航航配配置置和和与与页页面面相相关关联联的的辅辅助助beanbean。l l在这个实例中用到了以下在这个实例中用到了以下JSFJSF相关特性：相关特性：n n使用使用dataTabledataTable标签在表格中动态显示数据。标签在表格中动态显示数据。n n使用了使用了JSTL JSTL 标签。标签。n n自定义验证器和自定义的转换器。自定义验证器和自定义的转换器。n nvalue-changeval

3、ue-change监听器。监听器。13.1.2 13.1.2 应用实例包含的页面应用实例包含的页面 JSP JSP 页页页页面面面面作用作用作用作用bookstore.jspbookstore.jsp进进进进入网上入网上入网上入网上书书书书店店店店showCatalog.jspshowCatalog.jsp按按按按类别查类别查类别查类别查看看看看图书图书图书图书showBook.jspshowBook.jsp显显显显示示示示图书图书图书图书基本信息基本信息基本信息基本信息showDetail.jspshowDetail.jsp获获获获取指定取指定取指定取指定图书图书图书图书的的的的详细详细详细

4、详细信息，将信息，将信息，将信息，将图书图书图书图书添加到添加到添加到添加到购购购购物物物物车车车车中中中中showCart.jspshowCart.jsp将商品添加到将商品添加到将商品添加到将商品添加到购购购购物物物物车车车车，显显显显示示示示购购购购物物物物车车车车，修改商品数量，或，修改商品数量，或，修改商品数量，或，修改商品数量，或删删删删除商品除商品除商品除商品checkout.jspcheckout.jsp结账结账结账结账showReceipt.jspshowReceipt.jsp购买购买购买购买信息确信息确信息确信息确认认认认13.1.3 13.1.3 应用实例中包含的包应用实例

5、中包含的包l lbackingbacking：包括辅助：包括辅助beanbean类；类；l lconvertersconverters：包括自定义转换器类；：包括自定义转换器类；l lvalidatorsvalidators：包括一个自定义验证器类。：包括一个自定义验证器类。l llistenerslisteners：包括事件处理器类和事件监听器类；：包括事件处理器类和事件监听器类；l lresourcesresources：包包括括用用于于自自定定义义转转换换器器和和自自定定义义验验证证器器的的自自定定义义错错误信息；误信息；l lmessagesmessages：包括用于页面显示的信息；：

6、包括用于页面显示的信息；13.1.4 13.1.4 创建包含创建包含JSF UIJSF UI组件的组件的JSPJSP页面页面n n要要使使用用任任何何一一个个JSFJSF标标签签，必必须须在在使使用用这这些些标标签签的的页页面面上上面面包包含含下下面面的的taglibtaglib目目录：录：%prefix=h%prefix=f%n n页面上的所有组件标签都必须在页面上的所有组件标签都必须在viewview标签之内标签之内.其它其它JSFJSF标签标签 ./n n嵌嵌套套在在viewview标标签签中中的的是是formform标标签签。需需要要提提交交数数据据的的其其它它组组件件所所对对应应的的

7、标标签签必必须须被嵌入到被嵌入到formform标签中。标签中。n n如如果果要要将将一一个个包包含含JSFJSF标标签签的的页页面面包包含含到到另另一一个个JSPJSP页页面面中中，则则必必须须把把全全部部嵌嵌入入页面都放到页面都放到subviewsubview标签标签中。中。13.1.5 core13.1.5 core标签标签标签类标签类标签类标签类型型型型标签标签标签标签功能功能功能功能事件事件事件事件处处处处理理理理标签标签标签标签actionListeneractionListener在父在父在父在父亲组亲组亲组亲组件上注册一个件上注册一个件上注册一个件上注册一个action lis

8、teneraction listenerphaseListenerphaseListener在在在在UIViewRootUIViewRoot组组组组件上注册一个件上注册一个件上注册一个件上注册一个PhaseListenerPhaseListener实实实实例例例例setPropertyActionLissetPropertyActionListenertener注注注注册册册册一一一一个个个个特特特特殊殊殊殊的的的的事事事事件件件件监监监监听听听听器器器器，它它它它的的的的唯唯唯唯一一一一目目目目的的的的是是是是在在在在表表表表单单单单提提提提交的交的交的交的时时时时候将数候将数候将数候将数值

9、值值值放入放入放入放入辅辅辅辅助助助助beanbean中中中中valueChangeListenervalueChangeListener在父在父在父在父亲组亲组亲组亲组件上注册一个件上注册一个件上注册一个件上注册一个value-change listener value-change listener 属性属性属性属性标签标签标签标签attributeattribute在父在父在父在父亲组亲组亲组亲组件上添加可配置的属性件上添加可配置的属性件上添加可配置的属性件上添加可配置的属性数据数据数据数据转换转换转换转换标签标签标签标签converterconverter在父在父在父在父亲组亲组亲组亲

10、组件上注册一个任意的件上注册一个任意的件上注册一个任意的件上注册一个任意的转换转换转换转换器器器器convertDateTimeconvertDateTime在父在父在父在父亲组亲组亲组亲组件上注册一个件上注册一个件上注册一个件上注册一个DateTimeDateTime转换转换转换转换器器器器convertNumberconvertNumber在父在父在父在父亲组亲组亲组亲组件上注册一个件上注册一个件上注册一个件上注册一个NumberNumber转换转换转换转换器器器器Facet Facet 标签标签标签标签facetfacet表示一个嵌入的表示一个嵌入的表示一个嵌入的表示一个嵌入的组组组组件

11、，它与它的封装件，它与它的封装件，它与它的封装件，它与它的封装标签标签标签标签有特殊的关系有特殊的关系有特殊的关系有特殊的关系本地化本地化本地化本地化标签标签标签标签loadBundleloadBundle指定一个指定一个指定一个指定一个ResourceBundleResourceBundle，类类类类型型型型为为为为MapMap参数替参数替参数替参数替换换换换标签标签标签标签paramparam在在在在MessageFormatMessageFormat实实实实例例例例中中中中替替替替换换换换参参参参数数数数，并并并并在在在在URLURL中中中中添添添添加加加加查询查询查询查询字符串名称字符

12、串名称字符串名称字符串名称-值对值对值对值对列表列表列表列表项项项项的的的的标签标签标签标签selectItemselectItem表表表表示示示示UISelectOneUISelectOne或或或或者者者者UISelectManyUISelectMany组组组组件件件件中中中中的的的的列列列列表表表表项项项项中的一中的一中的一中的一项项项项selectItemsselectItems表表表表示示示示UISelectOneUISelectOne或或或或者者者者UISelectManyUISelectMany组组组组件件件件中中中中的的的的一一一一组组组组项项项项目目目目容器容器容器容器标签标签

13、标签标签subviewsubview包包包包含含含含页页页页面面面面中中中中的的的的所所所所有有有有JSFJSF标标标标签签签签，该该该该页页页页面面面面被被被被包包包包含含含含在在在在另另另另一一一一个个个个包包包包含含含含JSFJSF标签标签标签标签的的的的JSPJSP页页页页面中面中面中面中验证标签验证标签验证标签验证标签validateDoubleRangevalidateDoubleRange在在在在组组组组件上注册一个件上注册一个件上注册一个件上注册一个DoubleRangeDoubleRange ValidatorValidatorvalidateLengthvalidateLe

14、ngth在在在在组组组组件上注册一个件上注册一个件上注册一个件上注册一个Length Length ValidatorValidatorvalidateLongRangevalidateLongRange在在在在组组组组件上注册一个件上注册一个件上注册一个件上注册一个LongRangeValidatorLongRangeValidatorvalidatorvalidator在在在在组组组组件上注册一个自定件上注册一个自定件上注册一个自定件上注册一个自定义验证义验证义验证义验证器器器器输输输输出出出出标签标签标签标签verbatimverbatim生生生生成成成成一一一一个个个个UIOutput

15、UIOutput组组组组件件件件，该该该该组组组组件件件件从从从从verbatimverbatim标标标标签签签签体体体体中中中中获获获获取内容取内容取内容取内容formform标标标标签签签签的容器的容器的容器的容器viewview包括包括包括包括页页页页面上的所有面上的所有面上的所有面上的所有JSFJSF标签标签标签标签13.2 UI13.2 UI组件组件JSFJSF技术提供了一个丰富的、灵活的组件架构，包括：技术提供了一个丰富的、灵活的组件架构，包括：l l一组一组UIComponentUIComponent类，用于指定类，用于指定UIUI组件的状态和行为。组件的状态和行为。l l一个呈

16、现模型，用来定义如何使用不同方法呈现组件。一个呈现模型，用来定义如何使用不同方法呈现组件。l l一个事件和监听器模型，定义了如何处理组件事件。一个事件和监听器模型，定义了如何处理组件事件。l l一个转换器模型，定义了如何在一个组件上注册数据转换器。一个转换器模型，定义了如何在一个组件上注册数据转换器。l l一个验证器模型，定义了如何在一个组件上注册验证器。一个验证器模型，定义了如何在一个组件上注册验证器。n nUI UI 组件类组件类UIColumnUIColumn表示在表示在表示在表示在UIDataUIData组组组组件中的件中的件中的件中的单单单单列数据。列数据。列数据。列数据。UICom

17、mandUICommand表示当激活的表示当激活的表示当激活的表示当激活的时时时时候触候触候触候触发动发动发动发动作的一个控件。作的一个控件。作的一个控件。作的一个控件。UIDataUIData表示表示表示表示绑绑绑绑定到用定到用定到用定到用DataModelDataModel实实实实例表示的数据集合上的数据。例表示的数据集合上的数据。例表示的数据集合上的数据。例表示的数据集合上的数据。UIFormUIForm封封封封装装装装了了了了一一一一组组组组控控控控件件件件，这这这这些些些些控控控控件件件件用用用用于于于于将将将将数数数数据据据据提提提提交交交交给给给给应应应应用用用用，类类类类似似似

18、似于于于于HTMLHTML中的中的中的中的formform标签标签标签标签。UIGraphicUIGraphic显显显显示一幅示一幅示一幅示一幅图图图图像。像。像。像。UIInputUIInput接收用接收用接收用接收用户输户输户输户输入的数据。入的数据。入的数据。入的数据。这这这这个个个个类类类类是是是是UIOutputUIOutput类类类类的子的子的子的子类类类类。UIMessageUIMessage显显显显示一个本地化消息。示一个本地化消息。示一个本地化消息。示一个本地化消息。UIMessagesUIMessages显显显显示一示一示一示一组组组组本地化消息。本地化消息。本地化消息。本

19、地化消息。UIOutputUIOutput在在在在页页页页面上面上面上面上显显显显示数据示数据示数据示数据输输输输出。出。出。出。UIPanelUIPanel管理子管理子管理子管理子组组组组件的布局。件的布局。件的布局。件的布局。UIParameterUIParameter表示替表示替表示替表示替换换换换参数。参数。参数。参数。UISelectBooleanUISelectBoolean允允允允许许许许用用用用户户户户通通通通过过过过选选选选择择择择或或或或者者者者不不不不选选选选择择择择在在在在一一一一个个个个控控控控件件件件上上上上设设设设置置置置布布布布尔尔尔尔值值值值。该该该该类类类类

20、是是是是UIInputUIInput类类类类的子的子的子的子类类类类。UISelectItemUISelectItem表示在一表示在一表示在一表示在一组组组组条目中的条目中的条目中的条目中的单单单单个条目。个条目。个条目。个条目。UISelectItemsUISelectItems表示一表示一表示一表示一组组组组条目。条目。条目。条目。UISelectManyUISelectMany允允允允许许许许用用用用户户户户从一从一从一从一组组组组条目中条目中条目中条目中选择选择选择选择多个条目。多个条目。多个条目。多个条目。该类该类该类该类是是是是UIInputUIInput类类类类的子的子的子的子类

21、类类类。UISelectOneUISelectOne允允允允许许许许用用用用户户户户从一从一从一从一组组组组条目中条目中条目中条目中选择选择选择选择一个条目。一个条目。一个条目。一个条目。该类该类该类该类是是是是UIInputUIInput类类类类的子的子的子的子类类类类。UIViewRootUIViewRoot表示表示表示表示组组组组件件件件树树树树的根。的根。的根。的根。除除了了继继承承UIComponentBaseUIComponentBase以以外外，组组件件类类还还可可以以实实现现一一个个或或多多个个行行为接口，每个接口中都定义了特定的行为。包括：为接口，每个接口中都定义了特定的行为

22、。包括：l lActionSourceActionSource：指指出出组组件件可可以以触触发发一一个个动动作作事事件件，这这个个接接口口是是提提供供给给使使用用JSF1.1_01JSF1.1_01或更早版本的用户的。或更早版本的用户的。l lActionSource2ActionSource2：继继承承ActionSourceActionSource，因因此此，提提供供相相同同的的功功能能。但但是是，当调用处理动作事件的方法时它允许组件使用统一当调用处理动作事件的方法时它允许组件使用统一ELEL。l lValueHolderValueHolder：指出组件包含一个本地值和在：指出组件包含一个

23、本地值和在modelmodel层的访问数据的选项。层的访问数据的选项。l lEditableValueHolderEditableValueHolder：继继承承ValueHolderValueHolder，为为可可编编辑辑组组件件指指定定附附加加的的特特性，例如验证和发出性，例如验证和发出valuechangevaluechange事件。事件。l lNamingContainerNamingContainer：要求在这个组件上的每个组件都有一个唯一的：要求在这个组件上的每个组件都有一个唯一的IDID。l lStateHolderStateHolder：指出组件的状态必须在：指出组件的状态必须

24、在requestrequest之间保存。之间保存。13.3.3 HTML13.3.3 HTML组件标签组件标签标签标签标签标签功能功能功能功能呈呈呈呈现现现现的的的的HTMLHTML外外外外观观观观columncolumn表表表表示示示示在在在在UIDataUIData组组组组件件件件中中中中的一列数据的一列数据的一列数据的一列数据在在在在 HTML HTML tabletable中中中中的的的的一一一一列列列列数数数数据据据据tabletable中的一列中的一列中的一列中的一列CommandCommandButtonButton将一个表将一个表将一个表将一个表单单单单提交提交提交提交给应给应

25、给应给应用用用用HTML HTML input 元元元元 素素素素，其其其其 中中中中typetype值值值值 可可可可 以以以以 是是是是submitsubmit，resetreset或者或者或者或者imageimage按按按按钮钮钮钮CommandCommandLinkLink链链链链接接接接到到到到另另另另一一一一个个个个页页页页面面面面或或或或者者者者同一同一同一同一页页页页面的某个位置面的某个位置面的某个位置面的某个位置HTML a HTML 元素元素元素元素超超超超链链链链接接接接dataTabledataTable用来封装一用来封装一用来封装一用来封装一组组组组数据数据数据数据H

26、TML HTML 元素元素元素元素可可可可以以以以动动动动态态态态修修修修改改改改的的的的表表表表格格格格formform表表表表示示示示输输输输入入入入表表表表单单单单，表表表表单单单单中中中中接接接接收收收收数数数数据据据据的的的的输输输输入入入入标标标标签签签签将将将将随同表随同表随同表随同表单单单单一起被提交。一起被提交。一起被提交。一起被提交。HTML HTML 元素元素元素元素无无无无显显显显示示示示GraphicGraphicImageImage显显显显示一幅示一幅示一幅示一幅图图图图像像像像HTML HTML 元素元素元素元素一幅一幅一幅一幅图图图图像像像像inputTexti

27、nputText允允允允许许许许用用用用户输户输户输户输入一个字符入一个字符入一个字符入一个字符串串串串HTML HTML 元素元素元素元素一个文本域一个文本域一个文本域一个文本域inputHiddeninputHidden允允允允许页许页许页许页面制作人面制作人面制作人面制作人员员员员在在在在页页页页面中包含一个面中包含一个面中包含一个面中包含一个隐隐隐隐藏藏藏藏变变变变量。量。量。量。HTMLinput HTMLtype=hidden元素元素元素元素无无无无显显显显示示示示inputSecretinputSecret允允允允许许许许用用用用户输户输户输户输入一个字符入一个字符入一个字符入一

28、个字符串而在文本域中并不串而在文本域中并不串而在文本域中并不串而在文本域中并不显显显显示示示示实际实际实际实际的字符串的字符串的字符串的字符串HTML input HTML type=password 元素元素元素元素一个文本域，一个文本域，一个文本域，一个文本域，显显显显示一行字符但不示一行字符但不示一行字符但不示一行字符但不是是是是实际输实际输实际输实际输入的字入的字入的字入的字符串符串符串符串inputTextareainputTextarea允允允允许许许许用用用用户输户输户输户输入一个多行入一个多行入一个多行入一个多行字符串字符串字符串字符串HTML HTML 元素元素元素元素一个多

29、行文本域一个多行文本域一个多行文本域一个多行文本域messagemessage显显显显示一个本地化的消息示一个本地化的消息示一个本地化的消息示一个本地化的消息HTML HTML 元素，如果元素，如果元素，如果元素，如果使用了使用了使用了使用了样样样样式式式式一个文本字符串一个文本字符串一个文本字符串一个文本字符串messagesmessages显显显显示多个本地化的消息示多个本地化的消息示多个本地化的消息示多个本地化的消息一一一一组组组组HTML HTML 元素，元素，元素，元素，如果使用了如果使用了如果使用了如果使用了样样样样式式式式一个文本字符串一个文本字符串一个文本字符串一个文本字符串o

30、utputFormatoutputFormat 显显显显示一个本地化的消息示一个本地化的消息示一个本地化的消息示一个本地化的消息纯纯纯纯文本文本文本文本纯纯纯纯文本文本文本文本outputLabeloutputLabel作作作作为为为为一个一个一个一个labellabel为为为为一个特一个特一个特一个特定的定的定的定的输输输输入域入域入域入域显显显显示一个嵌示一个嵌示一个嵌示一个嵌入的入的入的入的组组组组件件件件HTML HTML 元素元素元素元素纯纯纯纯文本文本文本文本outputLinkoutputLink链链链链接到另一个接到另一个接到另一个接到另一个页页页页面或者面或者面或者面或者同一

31、同一同一同一页页页页面的某个位置，面的某个位置，面的某个位置，面的某个位置，但不但不但不但不产产产产生生生生动动动动作事件作事件作事件作事件HTML HTML 元素元素元素元素超超超超链链链链接接接接outputTextoutputText显显显显示一行文本示一行文本示一行文本示一行文本纯纯纯纯文本文本文本文本纯纯纯纯文本文本文本文本panelGridpanelGrid显显显显示一个示一个示一个示一个tabletable带带带带有有有有和和和和的的的的HTML HTML 元素元素元素元素表格表格表格表格panelGrouppanelGroup将多个将多个将多个将多个组组组组件分件分件分件分为为

32、为为同一个父同一个父同一个父同一个父亲亲亲亲下的一下的一下的一下的一组组组组。表格中的行表格中的行表格中的行表格中的行selectItemselectItem表表表表 示示示示 UISelectOneUISelectOne组组组组 件件件件 中中中中列表列表列表列表项项项项中的一中的一中的一中的一项项项项HTMLHTML元素元素元素元素无无无无显显显显示示示示selectBooleanselectBooleanCheckboxCheckbox允允允允许许许许用用用用户户户户修改修改修改修改BooleanBoolean选择选择选择选择的的的的值值值值HTMLinput HTMLtype=chec

33、kbox元素元素元素元素复复复复选选选选框框框框selectItems selectItems 表表表表 示示示示 UISelectOneUISelectOne组组组组 件件件件 中中中中的多的多的多的多项项项项一一一一组组组组HTMLHTML元素元素元素元素 无无无无显显显显示示示示selectManyselectManyCheckboxCheckbox显显显显示示示示一一一一组组组组复复复复选选选选框框框框，用用用用户户户户可可可可以以以以从中从中从中从中选择选择选择选择多个多个多个多个值值值值chexkboxchexkbox类类类类 型型型型 的的的的 一一一一 组组组组HTMLHTML

34、元素元素元素元素一一一一组组组组复复复复选选选选框框框框selectManyselectManyListboxListbox允允允允许许许许用用用用户户户户从从从从一一一一组组组组列列列列表表表表中中中中选选选选择择择择多多多多项项项项，所有，所有，所有，所有选择项选择项选择项选择项立刻立刻立刻立刻显显显显示示示示HTMLHTML元素元素元素元素列表框列表框列表框列表框selectManyMenuselectManyMenu允允允允许许许许用用用用户户户户从从从从下下下下拉拉拉拉菜菜菜菜单单单单的的的的一一一一组项组项组项组项目中目中目中目中选择选择选择选择多多多多项项项项HTMLHTML元素

35、元素元素元素下拉式下拉式下拉式下拉式组组组组合框合框合框合框selectOneListboxselectOneListbox允允允允许许许许用用用用户户户户从从从从一一一一组组组组列列列列表表表表中中中中选选选选择择择择一一一一项项项项，所所所所有有有有选选选选择择择择项项项项立立立立刻刻刻刻显显显显示示示示HTMLHTML元素元素元素元素列表框列表框列表框列表框selectOneMenuselectOneMenu允允允允许许许许用用用用户户户户从从从从下下下下拉拉拉拉菜菜菜菜单单单单的的的的一一一一组项组项组项组项目中目中目中目中选择选择选择选择一一一一项项项项HTMLHTML元素元素元素元

36、素下拉式下拉式下拉式下拉式组组组组合框合框合框合框selectOneRadioselectOneRadio允允允允许许许许用用用用户户户户从从从从一一一一组组组组项项项项目目目目中中中中选选选选择择择择一一一一项项项项HTMLinput HTMLtype=radio元素元素元素元素一一一一组单选组单选组单选组单选按按按按钮钮钮钮13.3.1 UI13.3.1 UI组件标签属性组件标签属性n n常见的组件标签属性常见的组件标签属性idid唯一唯一唯一唯一标识组标识组标识组标识组件件件件immediateimmediate如如如如果果果果设设设设置置置置为为为为truetrue，表表表表明明明明任

37、任任任何何何何与与与与组组组组件件件件相相相相关关关关的的的的事事事事件件件件、验验验验证证证证和和和和转转转转换换换换应应应应该该该该发发发发生在生在生在生在应应应应用用用用请请请请求求求求值阶值阶值阶值阶段而不是后面的段而不是后面的段而不是后面的段而不是后面的阶阶阶阶段。段。段。段。renderedrendered指定指定指定指定组组组组件呈件呈件呈件呈现现现现的条件。如果条件不的条件。如果条件不的条件。如果条件不的条件。如果条件不满满满满足，足，足，足，组组组组件就不呈件就不呈件就不呈件就不呈现现现现。stylestyle为标签为标签为标签为标签指定指定指定指定CSSCSS样样样样式。式

38、。式。式。styleClassstyleClass指定一个包含指定一个包含指定一个包含指定一个包含样样样样式定式定式定式定义义义义的的的的CSSCSS样样样样式表式表式表式表类类类类。valuevalue标识标识标识标识一个外部数据源并将一个外部数据源并将一个外部数据源并将一个外部数据源并将组组组组件的件的件的件的值绑值绑值绑值绑定到上面。定到上面。定到上面。定到上面。bindingbinding标识标识标识标识一个一个一个一个beanbean属性并将属性并将属性并将属性并将组组组组件件件件实实实实例例例例绑绑绑绑定到上面。定到上面。定到上面。定到上面。13.3.2 13.3.2 UIForm

39、UIForm组件组件l lUIFormUIForm组组件件用用于于放放置置需需要要提提交交数数据据的的输输入入表表单单，它它的的子子组组件件给给用用户户呈呈现现信信息息或或者者用用于于输输入入数数据据。所所有有显显示示数数据据或或者者从从用用户户接接收收数数据据的控件都应该包含在的控件都应该包含在formform标签之内。标签之内。.其它其它JSFJSF标签或其它内容标签或其它内容./13.3.3 13.3.3 UIDataUIData组件（组件（dataTabledataTable标签标签）l lUIDataUIData 组组件件支支持持到到数数据据对对象象集集合合的的绑绑定定。它它循循环环

40、遍遍历历数数据据源源中中的的每每个个记记录。标准的表格呈现器将数据显示为一个录。标准的表格呈现器将数据显示为一个HTMLHTML表格。表格。=b name=header/l ldataTabledataTable标标签签支支持持多多种种数数据据源源（数数据据对对象象集集合合），通通过过其其valuevalue属性设置。属性设置。l lvaluevalue属性属性可以有以下几种取值：可以有以下几种取值：n n一个简单一个简单BeanBeann n一个一个BeanBean对象的链表（对象的链表（ListList）或数组）或数组 n n一个一个javax.faces.model.DataModelj

41、avax.faces.model.DataModeln n一个一个Java.sql.ResultSetJava.sql.ResultSet n n一个一个Javax.servlet.jsp.jstl.sql.ResultSetJavax.servlet.jsp.jstl.sql.ResultSetn n一个一个javax.sql.RowSet javax.sql.RowSet 13.3.4 13.3.4 UIColumnUIColumn组件（组件（columncolumn标签标签）l lUIColumnUIColumn组组件件表表示示UIDataUIData组组件件中中的的一一列列数数据据。当

42、当UIDataUIData组组件件循环遍历数据行的时候，它为每行处理循环遍历数据行的时候，它为每行处理UIColumnUIColumn组件。组件。l lcolumncolumn标标签签可可以以包包含含facetfacet标标签签来来表表示示headersheaders或或footersfooters。columncolumn标标签签允允许许你你通通过过headerClassheaderClass和和footerClassfooterClass属属性性控控制制这些这些headersheaders和和footersfooters的样式。的样式。13.3.5 13.3.5 UICommandUICo

43、mmand组件组件(commandButtoncommandButton、commandLinkcommandLink标签标签)l lUICommandUICommand组组件件被被激激活活的的时时候候会会执执行行一一个个动动作作。当当前前的的JSFJSF版版本支持按钮和超链接作为本支持按钮和超链接作为UICommandUICommand组件的呈现器。组件的呈现器。l l除除了了在在表表 13-5 13-5 中中列列出出的的标标签签属属性性以以外外，commandButtoncommandButton和和commandLinkcommandLink标签还可以使用以下属性：标签还可以使用以下属性

44、：n nActionAction:它它是是一一个个逻逻辑辑结结果果字字符符串串或或者者是是一一个个返返回回逻逻辑辑结结果果字字符符串串的的beanbean方法的方法表达式。方法的方法表达式。n nactionListeneractionListener:它它是是一一个个方方法法表表达达式式，该该方方法法表表达达式式指指向向处处理理UICommandUICommand组组件件触触发发的的actionaction事事件件的的beanbean方方法法，该该方方法法不不能能有有返回值，且必须以相应的返回值，且必须以相应的ActionEventActionEvent对象对象作参数。作参数。n n使用使用

45、commandButtoncommandButton标签标签 n n使用使用commandLinkcommandLink标签标签 id=catalog action=catalog/注意注意actionaction属性的取值必须为导航逻辑字符串或属性的取值必须为导航逻辑字符串或BeanBean方法表达式方法表达式13.3.6 13.3.6 UIGraphicUIGraphic组件组件 l lUIGraphicUIGraphic组件显示一幅图像。组件显示一幅图像。/13.3.7 13.3.7 UIInputUIInput 和和UIOutputUIOutput 组件（输入和输出标签）组件（输入和输

46、出标签）l lUIInputUIInput组组件件为为用用户户显显示示一一个个值值，且且允允许许用用户户修修改改这这个个数数据据，例例如如文文本本框框。UIOutputUIOutput组件显示不能修改的数据，例如组件显示不能修改的数据，例如labellabel。l lUIInputUIInput组件和组件和UIOutputUIOutput组件都能以四种方式呈现出来。组件都能以四种方式呈现出来。组组组组件件件件呈呈呈呈现现现现器器器器标签标签标签标签功能功能功能功能UIInputUIInputHiddenHiddeninputHiddeninputHidden允允允允许许许许页页页页面面面面制制

47、制制作作作作人人人人员员员员在在在在页页页页面面面面中中中中包包包包含含含含一一一一个个个个隐隐隐隐藏藏藏藏变变变变量量量量SecretSecretinputSecretinputSecret接接接接受受受受一一一一行行行行文文文文本本本本，并并并并在在在在键键键键入入入入的的的的时时时时候候候候显显显显示示示示一一一一组组组组星号星号星号星号TextTextinputTextinputText接受一行文本字符串接受一行文本字符串接受一行文本字符串接受一行文本字符串TextAreaTextAreainputTextareainputTextarea接受多行文本接受多行文本接受多行文本接受多行文

48、本UIOutputUIOutputLabelLabeloutputLabeloutputLabel显显显显示示示示一一一一个个个个嵌嵌嵌嵌入入入入的的的的组组组组件件件件作作作作为为为为特特特特定定定定的的的的输输输输入入入入域的域的域的域的标题标题标题标题LinkLinkoutputLinkoutputLink显显显显示示示示一一一一个个个个a 标标标标签签签签，链链链链接接接接到到到到另另另另一一一一个个个个页页页页面，但不面，但不面，但不面，但不产产产产生生生生动动动动作事件作事件作事件作事件OutputMessOutputMessageageoutputFormatoutputForm

49、at 显显显显示一个本地化消息示一个本地化消息示一个本地化消息示一个本地化消息TextTextoutputTextoutputText显显显显示一行文本字符串示一行文本字符串示一行文本字符串示一行文本字符串n nUIInputUIInput组件标签支持的其它标签属性组件标签支持的其它标签属性converterconverter标识标识标识标识用来用来用来用来转换组转换组转换组转换组件的本地数据的件的本地数据的件的本地数据的件的本地数据的转换转换转换转换器。器。器。器。converterMessageconverterMessage指定当指定当指定当指定当组组组组件上注册的件上注册的件上注册的件

50、上注册的转换转换转换转换器失器失器失器失败败败败的的的的时时时时候要候要候要候要显显显显示的示的示的示的错误错误错误错误信息。信息。信息。信息。dirdir指指指指定定定定被被被被这这这这个个个个组组组组件件件件显显显显示示示示的的的的文文文文本本本本的的的的方方方方向向向向。可可可可以以以以接接接接受受受受的的的的值值值值有有有有LTRLTR（意意意意思思思思是是是是从左到右）和从左到右）和从左到右）和从左到右）和RTLRTL（意思是从右到左）。（意思是从右到左）。（意思是从右到左）。（意思是从右到左）。labellabel指定一个名字，可以用于在指定一个名字，可以用于在指定一个名字，可以用