自定义组件不会显示嵌套组件

Question

我正在编写自定义组件的问题,因为它不会呈现任何嵌套控件.该组件是一个简单的布局控件,非常宽松地适应扩展库中的ApplicationLayout控件.XPage代码如下所示:

<px:exampleControl id="exampleControl1">    
    <xp:span styleClass="mySpan">Inner Text</xp:span>
</px:exampleControl>

exampleControl将呈现正常但嵌套跨度不会.我的基本渲染器代码是:

public class ExampleRenderer extends Renderer {

@Override
  public void encodeBegin(FacesContext context, UIComponent component)
  throws IOException {

    ResponseWriter writer = context.getResponseWriter();
    writer.startElement("div", component);
    writer.writeAttribute("class", "custom-banner", null);
    writer.endElement("div");
    writer.startElement("div", component);
    writer.writeAttribute("class", "main-body", null);      

  }

@Override
 public boolean getRendersChildren() {
     return true;
 }

@Override
public void encodeChildren(FacesContext context, UIComponent component) {
    try {
        super.encodeChildren(context, component);      
    } catch (Exception e) {
        e.printStackTrace();
    }
}

  @Override
  public void encodeEnd(FacesContext context, UIComponent component)
  throws IOException {
    ResponseWriter writer = context.getResponseWriter();
    writer.endElement("div");
    writer.startElement("div", component);
    writer.writeAttribute("class", "custom-footer", null);      
    writer.endElement("div");
  }
}

我甚至尝试使用从Extension Library渲染器(AbstractApplicationLayoutRenderer.java中的实用程序函数)借用的特定渲染函数,但component.getChildCount()始终返回0.

那么为什么不嵌套控件呈现以及我缺少什么？

Answer 1

我终于想通了.Renderer代码有点像红色鲱鱼,因为正如Stephan(stwissel)评论的那样,Renderer.encodeChildren什么也没做.查看几个ExtLib组件的源代码,它们都没有使用它.

我所做的更改是扩展类.阅读基思·斯特里克兰的博客(后http://www.keithstric.com/A55BAC/keithstric.nsf/default.xsp?documentId=82770C11FA7B9B21852579C100581766)和检查com.ibm.xsp.extlib.component.layout.UIVarPublisherBase,我实现了FacesComponent接口.特别是,我想调用调用FacesComponentBuilder的buildContents方法.FacesComponent的JavaDoc有关于FacesComponent的说法:

buildContents构建子组件和构面,默认实现通常是: builder.buildAll(context,this,true); // includeFacets = true

我的扩展类最终看起来像这样:

package com.example.component;

import javax.faces.FacesException;
import javax.faces.component.UIComponentBase;
import javax.faces.context.FacesContext;

import com.ibm.xsp.component.FacesComponent;
import com.ibm.xsp.page.FacesComponentBuilder;

public class CustomLayout extends UIComponentBase implements FacesComponent {

public CustomLayout(){
    super();
    setRendererType("com.example.applicationlayout");
}

@Override
public String getFamily() {
    return "com.example.applicationlayout";
}

public void buildContents(FacesContext context, FacesComponentBuilder builder)
        throws FacesException {     
    builder.buildAll(context, this, true);
}

public void initAfterContents(FacesContext context) throws FacesException {

}

public void initBeforeContents(FacesContext context) throws FacesException      

}
}

它现在似乎按我的意愿工作.

另外,ExtLib中的其他对象(特别是UIWidgetContainer和UIList)有不同的渲染子节点的方法,而不实现FacesComponent.这可能需要一篇博文.