p: selectOneMenu non esegue il rendering di contenuto personalizzato tramite p: column su List <String>

Question

Sto cercando di ottenere un Primefaces 5.2 selectOneMenu per visualizzare le immagini insieme ai relativi nomi di file. Questo è ciò che il mio XHTML attualmente si presenta come:

<h:form> 
<h:panelGrid id="createPanelGrid" columns="2"> 
    <p:outputLabel value="Service Logo:" /> 
    <p:selectOneMenu value="#{imageBean.selectedImage}" var="l"> 
     <f:selectItem itemLabel="Select a logo" itemValue="" /> 
     <f:selectItems value="#{imageBean.imageList}" var="logo" itemLabel="#{logo}" itemValue="#{logo}" /> 
     <p:column> 
      <p:graphicImage value="#{imageBean.imageFolder}/#{l}" style="max-width:50px;max-height:50px;" /> 
     </p:column> 
     <p:column>#{l}</p:column> 
    </p:selectOneMenu> 
</h:panelGrid> 

Il ManagedBean (imageBean) ha

public List<String> getImageList() { 
    List<String> imageList = new ArrayList<String>(); 
    File[] files = absoluteImageFolder.listFiles(); 
    for (File file : files) { 
     imageList.add(file.getName()); 
    }   
    return imageList; 
} 

e

private String selectedImage; 

public String getSelectedImage() { 
    return selectedImage; 
} 

public void setSelectedImage(String selectedImage) { 
    this.selectedImage = selectedImage; 
} 

Tuttavia, le immagini non sono resi sulla pagina web, solo i nomi dei file (vorrei pubblicare uno screenshot ma non ho abbastanza reputazione). Non ottengo due colonne (prima l'immagine, poi il nome del file), ho solo il nome del file stesso.

Quando avvolgo il nome del file String in un POJO e utilizzo un convertitore, funziona, ma solo con Stringhe non funziona.

Come posso farlo funzionare con solo stringhe?

Answer 1

Questo comportamento imbarazzante è confermato dalla SelectOneMenuRenderer source code (numeri di riga corrispondono 5.2):

260   if(itemValue instanceof String) { 
261    writer.startElement("td", null); 
262    writer.writeAttribute("colspan", columns.size(), null); 
263    writer.writeText(selectItem.getLabel(), null); 
264    writer.endElement("td"); 
265   } 
266   else { 
267    for(Column column : columns) { 
268     writer.startElement("td", null); 
269     renderChildren(context, column); 
270     writer.endElement("td"); 
271    } 
272   } 

Quindi, se il valore oggetto è un'istanza di String, contenuti personalizzati tramite <p:column> viene totalmente ignorato. Questo non ha alcun senso. L'aspettativa intuitiva è che il contenuto personalizzato sia attivato dalla presenza dell'attributo var e/o da <p:column> bambini. È meglio segnalare un problema ai ragazzi di PrimeFaces per spiegare/migliorare questo aspetto.

Il lavoro attorno, oltre a fornire non String valori degli elementi -typed, è quello di sostituire il SelectOneMenuRenderer con un renderer personalizzato che avvolge il String in un altro oggetto che risulta restituire esattamente lo stesso valore nella sua toString(), come StringBuilder . In questo modo il riproduttore verrà ingannato dal fatto che i valori non sono un'istanza di String. Sono contento che non hanno controllato per instanceof CharSequence.

public class YourSelectOneMenuRenderer extends SelectOneMenuRenderer { 

    @Override 
    protected void encodeOptionsAsTable(FacesContext context, SelectOneMenu menu, List<SelectItem> selectItems) throws IOException { 
     List<SelectItem> wrappedSelectItems = new ArrayList<>(); 

     for (SelectItem selectItem : selectItems) { 
      Object value = selectItem.getValue(); 

      if (value instanceof String) { 
       value = new StringBuilder((String) value); 
      } 

      wrappedSelectItems.add(new SelectItem(value, selectItem.getLabel())); 
     } 

     super.encodeOptionsAsTable(context, menu, wrappedSelectItems); 
    } 

} 

Al fine di farlo funzionare, registrarlo come di seguito in faces-config.xml:

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

Answer 2

La ragione è che la libreria Primefaces sta esaminando un bean nell'attributo var del componente selectOneMenu, ma si stanno assegnando oggetti String che non sono bean. Quindi la libreria non esegue alcuna sovrapposizione di colonne. È necessario un bean (wrapper) nell'attributo var e il convertitore corrispondente nell'attributo converter.