Facelets组件

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" οnkeydοwn="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 : facelets, jsf

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值