如何在JSF中创建现有组件的组合？

@FacesComponent("myCompositeComponent")
public class MyCompositeComponent extends UIComponentBase {

    private UIInput inputComponent;
    private UICommand commandComponent;

    public MyCompositeComponent() {
        inputComponent = new UIInput();
        commandComponent = new UICommand();
        getChildren().add(inputComponent);
        getChildren().add(commandComponent);
    }

    @Override
    public void encodeBegin(FacesContext context) throws IOException {
        ResponseWriter writer = context.getResponseWriter();
        writer.startElement("div", this);
        writer.writeAttribute("class", "my-composite-component", null);
        Renderer.getRenderer(inputComponent, context).encodeChildren(context, inputComponent);
        Renderer.getRenderer(commandComponent, context).encodeChildren(context, commandComponent);
    }

    @Override
    public void encodeEnd(FacesContext context) throws IOException {
        ResponseWriter writer = context.getResponseWriter();
        writer.endElement("div");
    }

    public UIInput getInputComponent() {
        return inputComponent;
    }

    public UICommand getCommandComponent() {
        return commandComponent;
    }
}

<my:myCompositeComponent>
    <f:facet name="input">
        <h:inputText value="#{bean.inputValue}" />
    </f:facet>
    <f:facet name="command">
        <h:commandButton value="Submit" action="#{bean.submit}" />
    </f:facet>
</my:myCompositeComponent>