Comment personnaliser l'affichage d'un élément dans un composant h: selectOneRadio? [dupliquer]

Question

    

Cette question a déjà une réponse ici:

    

        
•              < h: selectOneRadio > rend l'élément de table, comment éviter cela?                                      2 réponses                          
    

    

J'utilise actuellement h: selectOneRadio pour afficher les éléments qui lui sont attribués à partir de la balise f: selectItems.

Plutôt que d'afficher un texte, je préfère afficher une image.

Comment est-ce possible, car je n’ai trouvé aucun moyen de restituer du code HTML à partir de selectItem & "; valeur &"; attribut?

Merci, voici mon code actuel, sans aucun affichage d'image ...

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

Merci

Answer 1

Tout ce que h:selectOneMenu fait est de rendre une entrée de sélection HTML. Cela ne peut pas afficher les images.

Vous aurez besoin d'un composant personnalisé. Vous pouvez probablement attribuer au menu déroulant Richfaces une fonction de sélection, mais il vaut probablement mieux regarder ces plugins jQuery pour améliorer vos listes déroulantes