将引导属性添加到JSF中的自定义MenuRenderer中

Question

我想要use bootstrap with JSF 2.1，最重要的是可以使用数据切换属性。 h：inputText的实现工作正常。但是，当我试图做与h：selectOneMenu相同的渲染器似乎并没有被调用（我把一个断点startElement方法）。 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 https://stackoverflow.com/a/7886942/4253946 
*/ 
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. 
    } 
} 

这是我的faces-config.xml中的index.xhtml的

<?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> 

片段

<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 。输入到javax.faces.SelectOne

¿为什么该属性不会传递给呈现的html？

Answer 1

UPDATE II - 答复 - 我选择dilek's code和Vladiator's code之间的混合的方法。我只需要创建一个名为AditionalAttributesWritter的助手类。此外，是一个好主意，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 https://stackoverflow.com/a/7886942/4253946 
*/ 
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 https://stackoverflow.com/questions/27324024/jsf-selectonemenu-extending-menurenderer-for-displaying-a-plain-text-when-there/27337240#27337240 
*/ 
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. 
    } 
} 

和它的作品。如果您认为这种方法不够好，请告诉我。