JSF e Radio Button

Front-end
#1

Ao ler este exemplo: http://www.roseindia.net/jsf/selectOneRadio.shtml
Fiquei intrigado se o JSF só trabalha com radio button deste jeito ou tem uma forma mais flexivel de layout… Eu gostaria de algo do genero:

[code]



                                                <input type="radio" onclick="InformeEsconde2(); Informe('informe2_1', 'block');inicializaValoresPINFO();" class="campo_radio" value="DC" id="informe" name="pInfo"/>

                                            </td>
                                            <td>
                                                <strong>Quanto deseja contribuir
                                                </strong>

                                                <div style="display: none;" id="informe2_1">

                                                    <table cellspacing="1" cellpadding="1" style="margin: 0px;">
                                                        <tbody><tr>
                                                                <td width="120">Primeira ou única *
                                                                </td>
                                                                <td>R$
                                                                    <input type="text" onkeyup="Formata(this,20,event,2);" onkeydown="return( isNumber(event) );" value="" onblur="this.className = 'campo';" onfocus="this.className = 'campo_focus';" maxlength="13" size="15" id="primeira_unica" class="campo" name="pValorPrimContrib"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>Mensais
                                                                </td>
                                                                <td>R$
                                                                    <input type="text" onkeyup="Formata(this,20,event,2);" onkeydown="return( isNumber(event) );" value="" onblur="this.className = 'campo';" onfocus="this.className = 'campo_focus';" maxlength="13" size="15" id="mensais" class="campo" name="pValorContribMensal"/>
                                                                </td>
                                                            </tr>
                                                    </tbody></table>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top">
                                                <input type="radio" onclick="InformeEsconde2(); Informe('informe2_2', 'block');inicializaValoresPINFO();" class="campo_radio" value="RM" id="informe" name="pInfo"/>
                                            </td>
                                            <td>
                                                <strong>Quanto deseja receber de renda mensal
                                                </strong>
                                                <div style="display: none;" id="informe2_2">
                                                    R$
                                                    <input type="text" onkeyup="Formata(this,20,event,2);" onkeydown="return( isNumber(event) );" value="" onblur="this.className = 'campo';" onfocus="this.className = 'campo_focus';" maxlength="13" size="15" id="renda_mensal" class="campo" name="pValorRecebMensal"/>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top">

                                                <input type="radio" onclick="InformeEsconde2(); Informe('informe2_3', 'block');inicializaValoresPINFO();" class="campo_radio" value="FT" id="informe" name="pInfo"/>

                                            </td>
                                            <td>
                                                <strong>O valor do fundo acumulado total
                                                </strong>

                                                <div style="display: none;" id="informe2_3">

                                                    R$
                                                    <input type="text" onkeyup="Formata(this,20,event,2);" onkeydown="return( isNumber(event) );" value="" onblur="this.className = 'campo';" onfocus="this.className = 'campo_focus';" maxlength="13" size="15" id="acumulado_total" class="campo" name="pValorFundoAcumTotal"/>


                                                </div>
                                            </td>
                                        </tr>
                                </tbody></table>[/code]

Percebam os radio button aninhados ao layout. Este layout não fui eu quem fiz, foi um webdesigner. Logo fica incompatível usar o selectOneRadio pois não teria a opção flexivel de colcar os radio aonde eu quero.
Existe solução para isto? Quero evitar ao maximo mecher com datatable… minha página tá quase pronta mas estou empacado nestes radio buttons…
#2

Então, na verdade o roseindia é so uma dica de como fazer, mas vc é livre pra usar um data table ou não
Você pode colocar um div, vc pode colocar um do lado do outro ou alinhados um abaixo do outro com

, panel grid ou memso quebrando com

por exemplo desse jeito eu coloco um ao lado do outro usando o panel grid, mas eu posso remover o panelgrid e formatar com tags html, considerando que cada select item vai ser um objeto na tela

				&lt;h:panelGrid id="panelStatusPesquisa" columns="2"&gt;
					&lt;h:selectOneRadio id="status" binding="#{configuracao$acaoDetalhe.optionStatus}" styleClass="geralInput"
						value="#{configuracao$acaoDetalhe.status}" style="left:67px;"&gt;
						&lt;f:selectItem escape="false" itemLabel="#{configuracao.acao_status_ativo}" itemValue="1" /&gt;
						&lt;f:selectItem escape="false" itemLabel="#{configuracao.acao_status_inativo}" itemValue="0" /&gt;
					&lt;/h:selectOneRadio&gt;
					&lt;h:commandButton id="botaoPesquisa1" image="/resources/images/ico_pesquisar.gif" value="Submit" /&gt;
				&lt;/h:panelGrid&gt;
#3

:slight_smile:

<t:selectOneRadio id="codigoBeneficio" forceId="codigoBeneficio" value="#{SimulacaoLivre.codigoBeneficio}" layout="spread" onclick=" beneficiosRadio();"> <f:selectItem itemLabel="" itemValue="1"/> <f:selectItem itemLabel="" itemValue="2" /> <f:selectItem itemLabel="" itemValue="3" /> <f:selectItem itemLabel="" itemValue="4" /> <f:selectItem itemLabel="" itemValue="5" /> </t:selectOneRadio>

<t:radio for="codigoBeneficio" index="0"></t:radio>

Usei o tomahawk. Foi muito easy… graças a D´us.
Valeu a dica.

#4

galera…

vejam meu problema…

ao se selecionar uma opcao num radio button de 2 opcoes e mandar gravar, ele só recupera a primeira opcao, mesmo se o usuario tiver escolhido a segunda…
aí, ao se gravar pela segunda vez, ele grava a certa…

se alguem ja tiver visto isso ou coisa parecida… e puder ajudar…

desde ja agradeco… vlw

#5

Aproveitando esse tópico…

Usando Visual JSF como eu faço para adicionar as opções do RadioButton.
Tipo, eu adiciono um radiogroup e preciso setar as opções dele, e não tou sabendo…
Alguém tem algum tutorial que me expliqiue em detalhes como funciona? Não tou conseguindo mta coisa que me ajude…
Obrigado!

#6