您的位置：首页 > Web前端 > JavaScript

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

2012-02-08 19:51 405 查看
通常，我认为一个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/>即可。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航