¿Cómo personalizar la visualización del elemento en un componente h: selectOneRadio? [duplicar]

Question

    

Esta pregunta ya tiene una respuesta aquí:

    

        
•              < h: selectOneRadio > representa elemento de tabla, ¿cómo evitar esto?                                      2 respuestas                          
    

    

En realidad estoy usando h: selectOneRadio para mostrar elementos, que se le da desde la etiqueta f: selectItems.

En lugar de mostrar un texto, quiero preferir mostrar una imagen.

¿Cómo es posible, ya que no he encontrado ninguna manera de representar html proveniente de selectItem " value " atributo?

Gracias, aquí está mi código actual, sin mostrar ninguna imagen ...

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

Gracias

Answer 1

Todo lo que h:selectOneMenu hace es representar una entrada de selección HTML. Esto no puede mostrar imágenes.

Necesitará un componente personalizado. Probablemente podría diseñar el menú desplegable de Richfaces para que funcione como una entrada de selección, sin embargo, probablemente sea mejor mirar estos complementos jQuery para mejorar sus cuadros combinados