隨筆-112  評論-73  文章-0  trackbacks-0

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

          以前使用facelets只是定義一個界面的模板,并不沒有深入它的自定義組件方面的內(nèi)容,其實它的自定義組件也就是定義一個tag,然后在xhtml中引入這個tag,但這要比普通的JSP方式的tag方便多了。

          要想引用自定義的tag要在web.xml中加入下面代碼(前提是一定配置好其他的facelets內(nèi)容)

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

          xiangyun.taglib.xml文件的內(nèi)容如下:

          <?xml version="1.0"?>
          <!DOCTYPE facelet-taglib PUBLIC
          "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN"
          "

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

          在這里引用了一個component.jspx文件,這個文件就是一個或一組想放在一塊當(dāng)做一個組件使用的內(nèi)容,和其他的jspx文件的寫法一樣。內(nèi)容如下:


          <ui:composition xmlns:ui="
          <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>標(biāo)簽和引入的命名空間就行,標(biāo)簽里面的內(nèi)容就看你要完成的功能了。在這里我使用了ICEfaces的日期組件,可以替換成JSF支技的任何東西。

          接下來就是要使用了。

          <html xmlns="<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>這個標(biāo)簽名同xiangyun.taglib.xml中聲明的要一致,inputDate是在定義組件component.jspx中聲明的#{inputDate},它可以接收EL表達(dá)式。

          這樣我們就可以把大的復(fù)雜的頁面,分成可以重用的組件了。

          有問題可以和我聯(lián)系: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 閱讀(2309) 評論(1)  編輯  收藏 所屬分類: JavaServer Faces

          評論:
          # re: Facelets組件 2008-07-18 15:59 | bangbang
          自定義組件才是facelets的精華啊。  回復(fù)  更多評論
            
          主站蜘蛛池模板: 微博| 建昌县| 乌苏市| 安多县| 濉溪县| 廉江市| 寻乌县| 武隆县| 波密县| 安图县| 贵溪市| 汶上县| 武山县| 府谷县| 垦利县| 从化市| 福安市| 墨江| 喀喇沁旗| 湾仔区| 航空| 东丽区| 榆中县| 白玉县| 通许县| 蓬溪县| 龙州县| 克山县| 南城县| 上虞市| 图片| 宁陵县| 宽甸| 多伦县| 滨海县| 会理县| 海南省| 鄢陵县| 布尔津县| 井研县| 沧州市|