随笔-112  评论-73  文章-0  trackbacks-0

facelets 可以自定义组件,今天看了一下,果然好用。

以前使用facelets只是定义一个界面的模板,并不没有深入它的自定义组件方面的内容,其实它的自定义组件也就是定义一个tag,然后在xhtml中引入这个tag,但这要比普通的JSP方式的tag方便多了。

要想引用自定义的tag要在web.xml中加入下面代码(前提是一定配置好其他的facelets内容)

<context-param>
<param-name>facelets.LIBRARIES</param-name>
<param-value>
/WEB-INF/tld/xiangyun.taglib.xml
</param-value>
</context-param>

xiangyun.taglib.xml文件的内容如下:

<?xml version="1.0"?>
<!DOCTYPE facelet-taglib PUBLIC
"-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN"
"https://facelets.dev.java.net/source/browse/*checkout*/facelets/src/etc/facelet-taglib_1_0.dtd">

<facelet-taglib>
<namespace>http://xiangyun.cn/components</namespace>
<tag>
<tag-name>echo</tag-name>
<source>component.jspx</source>
</tag>
</facelet-taglib>

在这里引用了一个component.jspx文件,这个文件就是一个或一组想放在一块当做一个组件使用的内容,和其他的jspx文件的写法一样。内容如下:


<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<ice:selectInputDate id="inputDate" popupDateFormat="MM/dd/yyyy"
value="#{inputDate}" renderAsPopup="true"
styleClass="iceSelInpDateInput" onkeydown="ctlent(event);"
rendered="true">
</ice:selectInputDate>
<h:outputText value="#{inputDate}"
rendered="true" styleClass="printText">
<f:convertDateTime dateStyle="long" type="date" timeZone="GMT+8"
locale="cn" />
</h:outputText>
</ui:composition>

只需要注意<ui:composition>标签和引入的命名空间就行,标签里面的内容就看你要完成的功能了。在这里我使用了ICEfaces的日期组件,可以替换成JSF支技的任何东西。

接下来就是要使用了。

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ald="http://xiangyun.cn/components">
<ui:composition template="/pages/layout/layout.jspx">
<ui:define name="content">
<h:form id="testForm">
<ald:echo inputDate="#{testBean.date}"/>
</h:form>
</ui:define>
</ui:composition>
</html>

这里需要引入命名空间,定义前缀为ald,

<ald:echo>这个标签名同xiangyun.taglib.xml中声明的要一致,inputDate是在定义组件component.jspx中声明的#{inputDate},它可以接收EL表达式。

这样我们就可以把大的复杂的页面,分成可以重用的组件了。

有问题可以和我联系:wfn_libo@163.com

也可以参考https://facelets.dev.java.net/nonav/docs/dev/docbook.html#gettingstarted-bean

Technorati : ,

posted on 2008-07-18 15:22 Libo 阅读(2289) 评论(1)  编辑  收藏 所属分类: JavaServer Faces

评论:
# re: Facelets组件 2008-07-18 15:59 | bangbang
自定义组件才是facelets的精华啊。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: