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

来源：互联网发布：达内培训学校php培训编辑：程序博客网时间：2024/06/05 15:50

在写这一章的时候，没有想到遇到很多的困难。现在简单的说一下：
1.添加taglib.xml文件里面的namespace看上去很美，但是带来了很大的困扰—EL表达式失效。这是我和另一位程序员在java.net上的帖子。
http://www.java.net/forum/topic/glassfish/glassfish-webtier/el-composite-component-taglib-jsf20
目前我的解决方案是绕过这个问题，只采用标准namespace，也就是http://java.sun.com/jsf/composite/tag_folder_path。同时我简单搜索了一下PrimeFaces的源代码，发现并没有采用Composite Component的方式实现，因为没有找到任何xhtml文件。

2.<<The Complete Reference-Java Server Faces2.0>>一书的问题
a.第11章333页，
public class loginPanel extends UINamingContainer
这行代码根本是错的，正确的应该是
public class loginPanel extends UIInput implements UINamingContainer
b.该书没有提供例子演示如何将一个拥有Backing class的Composite Component打包进一个jar包中，因此书中提供的代码片段不可信
c.xhtml中cc的别名和默认cc同名，混淆读者的概念

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
xmlns:cc="http://java.sun.com/jsf/composite">
<cc:interface/>
<cc:implementation>
  <h:panelGrid columns="3">
  <h:outputLabel for="#{cc.clientId}:userid" value="Userid:" />
  <h:inputText required="true"
    requiredMessage="Userid is required" id="userid" />
  <h:message for="#{cc.clientId}:userid" />
  <h:outputLabel for="#{cc.clientId}:password" value="Password:" />
  <h:inputSecret required="true"
    requiredMessage="Password is required" id="password" />
  <h:message for="#{cc.clientId}:password" />
  <h:outputText value="On Login, Go To:"
    rendered="#{! empty cc.facets.loginOutcomeChoiceList}"/>
  <h:commandButton id="loginButton" value="Login" />
  <h:messages for="#{cc.clientId}" />
  </h:panelGrid>
</cc:implementation>
</html>

上面的代码中，xmlns:cc="http://java.sun.com/jsf/composite 是容易误导人的，一般建议使用xmlns:composite而不是xmlns:cc。因为在后面#{cc.}的语法中,cc是预定义的Java对象，代表这个Composite Component的顶层对象NamingContainer

不少问题直到看了<<Core JSF>>第三版，才明白。

好，现在开始。
首先实现htmlinput2.xhtml代码：
<?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">
    <composite:editableValueHolder name="inputField" target="in"/>
    <composite:valueHolder name="outputField" target="out"/>
  </composite:interface>
  <composite:implementation>
    <h:inputText id="in" required="true"/>
    <h:commandButton id="clickButton" value="Click Me!"/>
    <h:outputText id="out"/>
  </composite:implementation>
</html>

  composite:interface指定了componentType,JSF runtime用它在在faces-config.xml文件中查找到HtmleInput2类，该类实现了NamingContainer接口,继承了UIInput类。JSF runtime会创建该类，将之作为Customized component的顶层对象。
  <component>
    <component-type>HtmlInput2</component-type>
    <component-class>com.freebird.component.HtmlInput2</component-class>
  </component>
  如果不指定componentType，JSF runtime会根据xhtml文件的名称htmlinput2去查找htmlinput2.java，如果找到，并且该类也实现了NamingContainer接口,继承了UIInput类，则创建该类，将之作为Customized component的顶层对象。
  如果还找不到，JSF runtime会创建NamingContainer接口的默认实现类作为顶层对象。
  什么时候我们应该指定compnentType呢？当你想有一些java代码后台帮助tag处理一些行为的时候。
  其他的部分很简单，建议参考<<Core JSF>>第三版第九章。

现在来看一下HtmleInput2类的实现：
package com.freebird.component;

import javax.faces.component.NamingContainer;
import javax.faces.component.UIOutput;
import javax.faces.component.UIInput;
import javax.faces.event.ActionEvent;
import java.util.logging.Level;
import java.util.logging.Logger;
import java.io.FileWriter;
import java.io.BufferedWriter;
import java.io.FileReader;
import java.io.BufferedReader;
import java.io.File;
import javax.faces.component.FacesComponent;
import javax.faces.event.ActionListener;
import javax.faces.convert.ConverterException;
import javax.faces.context.FacesContext;
import java.io.IOException;
import javax.faces.component.html.HtmlInputText;
import javax.faces.component.html.HtmlOutputText;
import javax.enterprise.context.ApplicationScoped;
import java.util.Map;

/**
  * Describe class HtmlInput2 here.
  *
  *
  * Created: Sat Jan 1 16:08:53 2011
  *
  * @author <a href="mailto:chenshu@csdesktop">chenshu</a>
  * @version 1.0
  /
public class HtmlInput2 extends UIInput implements NamingContainer{

  public HtmlInput2(){
    getLogger().info("HtmlInput2 constructor");
  }

  @Override
  public String getFamily() {
    return "javax.faces.NamingContainer";
  }

  private Logger getLogger(){
    return Logger.getLogger(HtmlInput2.class.getName());
  }

  public void print(ActionEvent event){
    getLogger().info("enter print method");
  }

  public void encodeBegin(FacesContext context) throws IOException {
    Map requestMap = context.getExternalContext().getRequestParameterMap();
    String clientId = getClientId(context);
    getLogger().info("clientId:"+clientId);
    String inputValue = (String)requestMap.get(clientId+":in");
    HtmlInputText input = (HtmlInputText) findComponent("in");
    if(null == input){
      getLogger().info("can't find input component instance");
      super.encodeBegin(context);
      return;
    }
    HtmlOutputText output = (HtmlOutputText)findComponent("out");
    if(null == output){
      getLogger().info("can't find output component instance");
      output.setValue("null");
      super.encodeBegin(context);
      return;
    }
    getLogger().info("input value is:"+inputValue);
    output.setValue(inputValue);
    super.encodeBegin(context);
  }
}

所有代码就这么多，当用户在页面上输入数据后，点击按钮，将会显示刚才输入的数据。具体例子我马上上传到我的空间里。

未完，待续

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

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