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

yangyou230

浏览: 1652583 次

最近访客更多访客>>

hslh22

wzawz

lyl_420819

Johnzt

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1852)

社区版块

存档分类

2011-12 ( 379)
2011-11 ( 135)
2011-10 ( 54)
更多存档...

通常，我认为一个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/>即可。