Come personalizzare la visualizzazione degli elementi in un componente h: selectOneRadio? [duplicare]

Question

    

Questa domanda ha già una risposta qui:

    

        
•              < h: selectOneRadio > rende l'elemento table, come evitarlo?                                      2 risposte                          
    

    

Attualmente sto usando h: selectOneRadio per visualizzare elementi, dati dal tag f: selectItems.

Piuttosto che visualizzare un testo, voglio preferire visualizzare un'immagine.

Come è possibile, dal momento che non ho trovato alcun modo per rendere html proveniente dal selectItem " value " attributo?

Grazie, ecco il mio codice attuale, senza alcuna visualizzazione dell'immagine ...

<h:selectOneRadio layout="spread" value="#{question.candidateAnswer.value}"  
    disabledClass="invalid_choice" enabledClass="valid_choice" >

    <a:support event="onchange" actionListener="#{answerManager.answer}" 
        reRender="zoneQuestions, zoneNavigation, zoneScenariiList, zoneCart" />

    <f:selectItems value="#{question.choices}" />

</h:selectOneRadio>

Grazie

Answer 1

Tutto h:selectOneMenu fa è eseguire il rendering di un input di selezione HTML. Questo non può visualizzare immagini.

Sarà necessario un componente personalizzato. Probabilmente potresti modellare il menu a discesa Richfaces in modo che funzioni come un input selezionato, tuttavia probabilmente stai meglio guardando questi plugin jQuery per migliorare le tue caselle combinate