10.JSF高级知识.ppt

第13章 UI组件 JavaEE5实用教程 主要内容 UI组件 HTML组件标签 创建自定义组件 呈现器 UI组件-1 要使用任何一个JSF标签，必须在使用这些标签的页面上面包含下面的taglib目录： %@ taglib uri=/jsf/html prefix=h % %@ taglib uri=/jsf/core prefix=f % 页面上的所有组件标签都必须在view标签之内 f:view ... 其它JSF标签 ... /f:view 嵌套在view标签中的是form标签。需要提交数据的其它组件所对应的标签必须被嵌入到form标签中。 如果要将一个包含JSF标签的页面包含到另一个JSP页面中，则必须把全部嵌入页面都放到subview标签中。 UI组件-2 UI组件-3 UI组件-4 JSF技术提供了一个丰富的、灵活的组件架构，包括： 一组UIComponent类，用于指定UI组件的状态和行为。 一个呈现模型，用来定义如何使用不同方法呈现组件。 一个事件和监听器模型，定义了如何处理组件事件。 一个转换器模型，定义了如何在一个组件上注册数据转换器。 一个验证器模型，定义了如何在一个组件上注册验证器。 UI组件-5 UI组件-6 UI组件-7 除了继承UIComponentBase以外，组件类还可以实现一个或多个行为接口，每个接口中都定义了特定的行为。包括： ActionSource：指出组件可以触发一个动作事件，这个接口是提供给使用JSF1.1_01或更早版本的用户的。 ActionSource2：继承ActionSource，因此，提供相同的功能。但是，当调用处理动作事件的方法时它允许组件使用统一EL。 ValueHolder：指出组件包含一个本地值和在model层的访问数据的选项。 EditableValueHolder：继承ValueHolder，为可编辑组件指定附加的特性，例如验证和发出valuechange事件。 NamingContainer：要求在这个组件上的每个组件都有一个唯一的ID。 StateHolder：指出组件的状态必须在request之间保存。 HTML组件标签-1 HTML组件标签-2 HTML组件标签-3 HTML组件标签-4 HTML组件标签-5 常见的UI组件标签属性 HTML组件标签-6 UIForm组件表示一个输入表单，它的孩子组件给用户呈现信息或者使用表单提交数据。所有显示数据或者从用户接收数据的控件都应该包含在form标签之内。 h:form ... 其它JSF标签或其它内容... /h:form HTML组件标签-7 UIData 组件支持到数据对象集合的绑定。它循环遍历数据源中的每个记录。标准的表格呈现器将数据显示为一个HTML表格。 h:dataTable value=#{book.books} rendered=true first=0 rows=10 border=1 var=b h:column f:facet name=header h:outputText value=书名/ /f:facet h:commandLink action=detail action=#{book.showDetail} h:outputText value=#{b.bookName}/ f:param id=isbn name=isbn value=#{b.isbn} / /h:commandLink /h:column h:column … /h:column /h:dataTable HTML组件标签-8 UIColumn组件表示UIData组件中的一列数据。当UIData组件循环遍历数据行的时候，它为每行处理UIColumn组件。 column标签可以包含facet标签来表示headers或footers。column标签允许你通过headerClass和footerClass属性控制这些headers和footers的样式。 HTML组件标签-9 UICommand组件被激活的时候会执行一个动作。当前的JSF版本支持按钮和超链接作为UICommand组件的呈现器。 除了在表 13-5 中列出的标签属性以外，commandButton和commandLink标签还可以使用以下属性： Action:它是一个逻辑结果字符串或者是一个返回逻辑结果字符串的bean方法的方法表达式。 actionListener:它是一个方法表达式，该方法表达式指向处理UICommand组件触发的action事件的bean方法。 HTML组件标签-10 使用commandButton标签 h:commandButton value=提