Primes tooltip für p: selectManyCheckbox

Question

Ich möchte eine Quickinfo für jedes Element in einem p:selectManyCheckBox hinzufügen. Ich kann jedoch keine Lösung finden.

Ich habe eine Klasse Role, die 3 Eigenschaften hat, "ID" (Long), "Name" (String) und "Beschreibung" (String). Der Name wird angezeigt und ich möchte die Beschreibung als Tooltip haben.

Dies ist ein Arbeitsstück des Code:

<p:selectManyCheckbox layout="pageDirection" value="#{roleBean.selectedRoles}" converter="roleConverter"> 
    <f:selectItems value="#{roleBean.roles}" var="role" itemLabel="#{role.name}" itemValue="#{role}"/> 
</p:selectManyCheckbox> 

Die roleConverter ist eine, die die FacesConverterRole zu einer ID umwandelt und umgekehrt.

kam ich mit auf den Punkt:

<p:selectManyCheckbox layout="pageDirection" value="#{roleBean.selectedRoles}" converter="roleConverter"> 
    <c:forEach var="role" items="#{roleBean.roles}"> 
     <f:selectItem id="role#{role.id}" itemLabel="#{role.name}" itemValue="#{role}" /> 
     <p:tooltip for="role#{role.id}" value="#{role.description}"/> 
    </c:forEach> 
</p:selectManyCheckbox> 

Aber leider funktioniert es nicht.

Answer 1

Sie können dies erreichen, indem sie (ab) mit der nicht verwendeten SelectItem#getDescription() Eigenschaft wie unten (!):

<p:selectManyCheckbox layout="pageDirection" value="#{roleBean.selectedRoles}" converter="roleConverter"> 
    <f:selectItems value="#{roleBean.roles}" var="role" 
     itemValue="#{role}" itemLabel="#{role.name}" itemDescription="#{role.description}" /> 
</p:selectManyCheckbox> 

und Überschreiben der PrimeFaces SelectManyCheckboxRenderer#encodeOptionLabel() wie unten, sie zu erkennen und machen:

public class YourSelectManyCheckboxRenderer extends SelectManyCheckboxRenderer { 

    @Override 
    protected void encodeOptionLabel(FacesContext context, SelectManyCheckbox checkbox, String containerClientId, SelectItem option, boolean disabled) throws IOException { 
     ResponseWriter writer = context.getResponseWriter(); 
     writer.startElement("label", null); 
     writer.writeAttribute("for", containerClientId, null); 

     if (option.getDescription() != null) { 
      writer.writeAttribute("title", option.getDescription(), null); 
     } 

     if (disabled) { 
      writer.writeAttribute("class", "ui-state-disabled", null); 
     } 

     if (option.isEscape()) { 
      writer.writeText(option.getLabel(), null); 
     } else { 
      writer.write(option.getLabel()); 
     } 

     writer.endElement("label"); 
    } 

} 

Welches wie folgt in faces-config.xml registriert wird:

<render-kit> 
    <renderer> 
     <component-family>org.primefaces.component</component-family> 
     <renderer-type>org.primefaces.component.SelectManyCheckboxRenderer</renderer-type> 
     <renderer-class>com.example.YourSelectManyCheckboxRenderer</renderer-class> 
    </renderer> 
</render-kit> 

Es könnte sich lohnen, eine Verbesserungsanforderung an PF-Leute zu senden, um die Artikelbeschreibung hinzuzufügen. Es wurde nirgendwo in ihren UISelectOne/UISelectMany Komponenten verwendet.