Como personalizar o visor item em uma h: componente selectOneRadio? [duplicado]

Question

Esta questão já tem uma resposta aqui:

• ? torna elemento de tabela, como evitar esse 2 respostas

Na verdade, estou usando h: selectOneRadio para exibir itens, dada a ele a partir f:. SelectItems tag

Em vez de exibir um texto, eu quero prefere exibir uma imagem.

Como é possível, uma vez que eu não encontrei nenhuma maneira de renderizar HTML proveniente do selectItem atributo "valor"?

Obrigado, aqui está o meu código atual, sem qualquer exibição de imagem ...

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

Graças

Answer 1

Todos os h:selectOneMenu não é prestar uma selecção de entrada HTML. Isso não pode exibir imagens.

Você vai precisar de um componente personalizado. Você provavelmente poderia estilo os Richfaces suspensa menu para o trabalho como uma selecção de entrada, no entanto, você é provavelmente melhor fora olhando para noreferrer esses plugins jQuery para melhorar suas caixas de combinação