JSF e Radio Button

26 de novembro de 2008 4 respostas

Sparcx86 26 de novembro de 2008

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:

<table width="100%" cellspacing="1" cellpadding="1" style="margin: 0px;">
                                        <tbody><tr>
                                                <td width="10" valign="top">
                                                    
                                                    <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>

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

4 Respostas

rogeriosantos77 26 de nov. de 2008

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;

Sparcx86 26 de nov. de 2008

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

rikg12 18 de set. de 2009

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

Rafael_P_M_Azevedo 9 de nov. de 2009

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!

Criado 26 de novembro de 2008

Ultima resposta 9 de nov. de 2009

Respostas 4

Participantes 4

4 Respostas

Topicos relacionados