在 JSF 中向自定义 MenuRenderer 添加 bootstrap 属性

Question

我想use bootstrap with JSF 2.1, the most important thing is that data-toggle attribute can be used. The implementation for h:inputText works fine. However, when I tried to do the same with h:selectOneMenu the renderer doesn't seem to be called (I put a breakpoint on startElement method). I used a documentary approach查找渲染器类型和组件系列。

这是我的SelectRenderer.java。我拿来作为参考dilek's code

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

import java.io.IOException;

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

/**
 * @link 
 */
public class InputRenderer extends com.sun.faces.renderkit.html_basic.TextRenderer {

    private static final String[] ATTRIBUTES = { "data-toggle" };

    @Override
    protected void getEndTextToRender(FacesContext context, UIComponent component,
                                      String currentValue) throws IOException {
        final ResponseWriter originalResponseWriter = context.getResponseWriter();
        context.setResponseWriter(new ResponseWriterWrapper() {
            @Override
            // As of JSF 1.2 this method is now public.
            public ResponseWriter getWrapped() {
                return originalResponseWriter;
            }

            @Override
            public void startElement(String name, UIComponent component) throws IOException {
                super.startElement(name, component);
                if ("input".equals(name)) {
                    for (String attribute : ATTRIBUTES) {
                        Object value = component.getAttributes().get(attribute);
                        if (value != null) {
                            super.writeAttribute(attribute, value, attribute);
                        }
                    }
                }
            }
        });
        super.getEndTextToRender(context, component, currentValue);
        context.setResponseWriter(originalResponseWriter); // Restore original writer.
    }
}

这是我的脸-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<faces-config version="2.1" xmlns="http://java.sun.com/xml/ns/javaee">
    <render-kit>
        <renderer>
            <component-family>javax.faces.Input</component-family>
            <renderer-type>javax.faces.Text</renderer-type>
            <renderer-class>InputRenderer</renderer-class>
        </renderer>
        <renderer>
            <component-family>javax.faces.SelectOne</component-family>
            <renderer-type>javax.faces.Menu</renderer-type>
            <renderer-class>SelectRenderer</renderer-class>
        </renderer>
    </render-kit>
</faces-config>

index.xhtml

的片段

<div class="form-group">
    <h:outputLabel class="col-md-4 control-label" for="mySelect">my Label Select</h:outputLabel>
    <div class="col-md-7">
        <h:selectOneMenu  id="mySelect" name="mySelect" class="form-control" data-toggle='tooltip'>
            <f:selectItem itemValue="0" itemLabel="Dummy Label 1" />
            <f:selectItem itemValue="1" itemLabel="Dummy Label 1" />
        </h:selectOneMenu >
    </div>
</div>

更新我 我将 javax.faces.Input 更改为 javax.faces.SelectOne

¿为什么属性没有传递给呈现的 html？

Answer 1

更新 II - 答案 - 我选择了 dilek's code and Vladiator's code. I just need to create one helper class called AditionalAttributesWritter. Also, is a good idea to check out the code implementation.

之间的混合方法

import java.io.IOException;

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

/**
 * @link 
 */
public class AditionalAttributesWritter extends ResponseWriterWrapper {
    private static final String[] ATTRIBUTES = { "data-toggle" };
    private ResponseWriter originalResponseWriter;

    public AditionalAttributesWritter(ResponseWriter originalResponseWriter) {
        super();
        this.originalResponseWriter = originalResponseWriter;
    }

    @Override
    // As of JSF 1.2 this method is now public.
    public ResponseWriter getWrapped() {
        return originalResponseWriter;
    }

    @Override
    public void startElement(String name, UIComponent component) throws IOException {
        super.startElement(name, component);
        for (String attribute : ATTRIBUTES) {
            Object value = component.getAttributes().get(attribute);
            if (value != null) {
                super.writeAttribute(attribute, value, attribute);
            }
        }
    }
}

最后SelectRenderer是这样的

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

import java.io.IOException;

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

/**
 *  @link 
 */
public class SelectRenderer extends MenuRenderer {
    @Override
    protected void renderSelect(FacesContext context, UIComponent component) throws IOException {
        final ResponseWriter originalResponseWriter = context.getResponseWriter();
        context.setResponseWriter(new AditionalAttributesWritter(originalResponseWriter));
        super.renderSelect(context, component);
        context.setResponseWriter(originalResponseWriter); // Restore original writer.
    }
}

并且有效。如果您认为这种方法不够好，请告诉我。

在 JSF 中向自定义 MenuRenderer 添加 bootstrap 属性

Adding bootstrap attribute to custom MenuRenderer in JSF

java

jsf

twitter-bootstrap

weblogic12c