向 JSF 2.0 UIInput 组件添加自定义属性 (HTML5) 支持

我正在尝试编写一个渲染器来处理placeholder上的属性<h:inputText>成分。 读完后我走向了这条路JSF 2.0 去掉了所需的 HTML5 属性这似乎是正确的。这是我的自定义渲染器

public class InputRenderer extends com.sun.faces.renderkit.html_basic.TextRenderer{

    @Override
    public void encodeBegin(FacesContext context, UIComponent component) 
    throws IOException {
        System.out.println("Rendering :"+component.getClientId());

        String placeholder = (String)component.getAttributes().get("placeholder");
        if(placeholder != null) { 
            ResponseWriter writer = context.getResponseWriter();
            writer.writeAttribute("placeholder", placeholder, "placeholder");
        }

        super.encodeBegin(context, component);

    }


    @Override
    public void decode(FacesContext context, UIComponent component) {
        super.decode(context, component);
    }

    @Override
    public void encodeEnd(FacesContext context, UIComponent component) 
    throws IOException {
        super.encodeEnd(context, component);
    }
}

这个渲染器在 faces 配置中注册为

 <render-kit>
    <renderer>
        <component-family>javax.faces.Input</component-family>
        <renderer-type>javax.faces.Text</renderer-type>
        <renderer-class>com.example.renderer.InputRenderer</renderer-class>
    </renderer>
</render-kit>

这注册得很好，没有任何问题。

我的目的是处理placeholder属性，插入它，然后将处理委托给super。我的上面的代码不起作用，因为我在错误的位置插入了属性。必须在之后插入writer.startElement('input')已执行。然而，startElement 必须发生在 super 的某个地方encodeBegin()方法。那么如何插入自定义属性（在本例中为“占位符”）然后继续执行流程？

注意：上面的代码确实添加了一个placeholder属性，但不是我想要的输入组件，它将它写入输入的父组件（因为我试图在组件本身实际写入流中之前写入属性，所以它将该属性应用于当前组件）

这是我的方式。我添加了占位符和数据主题属性。如果要添加更多属性，只需将其名称添加到属性数组中即可。

import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;

import com.sun.faces.renderkit.html_basic.TextRenderer;

public class InputRender extends TextRenderer {

    @Override
    protected void getEndTextToRender(FacesContext context,
            UIComponent component,
            String currentValue)
     throws java.io.IOException{

        String [] attributes = {"placeholder","data-theme"};

        ResponseWriter writer = context.getResponseWriter();

        for(String attribute : attributes)
        {
            String value = (String)component.getAttributes().get(attribute);
            if(value != null) {                             
                writer.writeAttribute(attribute, value, attribute);
            }
        }

        super.getEndTextToRender(context, component, currentValue);

    }

}

您应该将其添加到 faces-config.xml 文件中。

 <render-kit>
    <renderer>
        <component-family>javax.faces.Input</component-family>
        <renderer-type>javax.faces.Text</renderer-type>
        <renderer-class>your.package.InputRenderer</renderer-class>
    </renderer>
</render-kit>