向页面“head”添加新子元素的自定义 JSF 组件刻面

Question

我想创建自定义组件，将新的子组件添加到页面“head”方面。

该自定义组件基于 h:selectOneMenu。当在jsf页面上使用时，用户可以简单地更改当前主题。我需要这个组件做的是将样式表子项添加到头方面。

我的组件有支持java。我尝试修改encodeBegins()方法中的“head”，但我的孩子根本没有渲染。看一下实现：

@FacesComponent(value = "com.ramps.util.ThemeSelector")
public class ThemeSelector extends UIInput implements NamingContainer {

 public void encodeBegin(FacesContext context) throws IOException {

   UIComponent headFacet = context.getViewRoot().getFacet("javax_faces_location_HEAD");     
   Resource res = new Resource();       
   res.setName("...");
   ...
   List <UIComponent> headChildren = headFacet.getChildren();
   headChildren.add(res);

   super.encodeBegin(context);
  }
 }

是否可以直接从自定义组件的支持 java 修改“head”方面？如果是这样，我错过了什么？
问候

Answer 1

UIViewRoot 有一个方法可以将资源组件添加到视图的 head 目标中：

public void addComponentResource(FacesContext context, UIComponent componentResource):
将假定表示资源实例的 componentResource 添加到当前视图。资源实例由
资源渲染器（例如 ScriptRenderer、StylesheetRenderer）为
标准 HTML RenderKit 中描述。该方法会导致
要在视图的“head”元素中呈现的资源。

对于您的情况，该组件是一个 UIOutput，具有属性 name 和呈现类型 javax.faces。资源.样式表。

您可以在将自定义组件添加到视图后添加样式表资源。您制作此内容，将其注册为侦听 PostAddToViewEvent 的。 UIInput 已经实现了 ComponentSystemEventListener，因此您必须覆盖 processEvent。

这是添加样式表的组件的工作示例。

@FacesComponent("CustomComponent")
@ListenerFor(systemEventClass=PostAddToViewEvent.class)
public class CustomComponent extends UIInput{

    @Override
    public void processEvent(ComponentSystemEvent event) throws AbortProcessingException {
        if(event instanceof PostAddToViewEvent){
            UIOutput resource=new UIOutput();
            resource.getAttributes().put("name", "theme.css");
            resource.setRendererType("javax.faces.resource.Stylesheet");
            FacesContext.getCurrentInstance().getViewRoot().addComponentResource(FacesContext.getCurrentInstance(), resource);
        }
        super.processEvent(event);
    }

}

我想知道使用复合组件对于您想要做的事情来说是否更容易。