JSF2自定义组件编程系列 第七部分

通常,我认为一个Composite compnent应该尽可能的拥有完善的行为。尽量避免暴露过多的接口给使用者。沿着这个方向,我继续晚上我们的htmlinput2。本节添加一个validator,并且当验证失败的时候,会显示一个message。
下面的代码:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:composite="http://java.sun.com/jsf/composite">
  <composite:interface componentType="HtmlInput2">
    <!—editableValueHolder is desigend for validator —>
    <composite:editableValueHolder name="inputField" target="in"/>
    <composite:valueHolder name="outputField" target="out"/>
  </composite:interface>
  <composite:implementation>
    <h:inputText id="in" value="#{inputBean.value}" required="true">
      <f:validateLength minimum="1" maximum="6"/>
    </h:inputText>
    <h:commandButton id="clickButton" value="Click Me!" actionListener="#{inputBean.print}"/>
    <h:outputText id="out" value="#{inputBean.value}"/>
    <h:message for="in"/>
  </composite:implementation>
</html>

添加了f:validateLength和h:message。很简单。
  感觉本节内容少了点,就加点其他的细节。可以通过java标准日志往glassfish日志文件中添加一些信息,比如我的glassfish日志文件是/usr/local/glassfish-3.0.1/glassfish/domains/domain1/logs/server。
  添加日志很简单,引入一些包,比如:
import java.util.logging.Level;
import java.util.logging.Logger;

然后在类里面添加一个私有函数
  private Logger getLogger(){
    return Logger.getLogger(getClass().getName());
  }

在需要添加日志的地方:
  public HtmlInput2(){
    getLogger().info("HtmlInput2 constructor");
  }

同时,从<<Core JSF>> 3rd中拷贝了一个很有用的tag,就是debug,会打印页面发出的请求数据。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:composite="http://java.sun.com/jsf/composite">

    <composite:interface/>

    <composite:implementation>
    <div style="font-size: 1.2em; font-style: italic">
      Request header:
    </div>

    <p>#{header}</p>

    <div style="font-size: 1.2em; font-style: italic">
      Request parameters:
    </div>

    <p>#{param}</p>
  </composite:implementation>
</html>

在需要使用的页面上很简单的引用一句:
<cs:debug/>即可。

 

你可能感兴趣的:(jsf2)