HTML para JSF

15 de fevereiro de 2011 12 respostas

amk2 15 de fevereiro de 2011

Olá, estou começando a usar o JSF agora, e estou com uma dúvida aqui:

Como passar este trecho que está em HTML para o JSF
<table>
<tr>
<td><INPUT TYPE=“RADIO” NAME=“subscriptions” VALUE=“radio1” />
</td>
<td>radio 1</td>
<td> </td>
</tr>
<tr>
<td><INPUT TYPE=“RADIO” NAME=“subscriptions” VALUE=“radio2” />
</td>
<td>radio 2</td>
<td><input type=“text” name = “txtcobrança” /> </td>
</tr>
<tr>
<td><INPUT TYPE=“RADIO” NAME=“subscriptions” VALUE=“radio3” />
</td>
<td>radio 3</td>
<td> </td>
</tr>

&lt;tr&gt;
 								&lt;td&gt;&lt;INPUT TYPE="RADIO" NAME="subscriptions" VALUE="radio4" /&gt;
 								&lt;/td&gt;
 								&lt;td&gt;radio 4&lt;/td&gt;
 								&lt;td&gt;	&lt;/td&gt;
 							&lt;/tr&gt;
 							&lt;tr&gt;
 								&lt;td&gt;&lt;INPUT TYPE="RADIO" NAME="subscriptions"
 									VALUE="cobranca" /&gt;&lt;/td&gt;
 								&lt;td&gt;Cobrança&lt;/td&gt;
 								&lt;td&gt;
 									&lt;input type="text" name = "txtcobrança" /&gt;
 								&lt;/td&gt;
 							&lt;/tr&gt;
 							&lt;tr&gt;
 								&lt;td&gt;&lt;INPUT TYPE="RADIO" NAME="subscriptions"
 									VALUE="multa" /&gt;&lt;/td&gt;
 								&lt;td&gt;Multa&lt;/td&gt;
 								&lt;td&gt;
                                                                              &lt;input type="text" name = "txtmulta" /&gt;
 								&lt;/td&gt;
 							&lt;/tr&gt;
 							
 						&lt;/table&gt;

12 Respostas

Polverini 15 de fev. de 2011

1 - Use [cod] tag para inserir seu código;
2 - Para a tabela em jsf use <h:panelGrid collunms=“quantidade de colunas”>

edudebom 15 de fev. de 2011

Polverini:
2 - Para a tabela em jsf use <p:panelGrid collunms=“quantidade de colunas”>

Esse já precisaria primefaces.

JSF padrão mesmo é

<h:form>
     <h:panelGrid columns="3">
         <f:facet name="header">
            <h:outputText value="Texto da Tabela"/>
         </f:facet>

          <h:selectOneRadio value="#{bean.color}">
   	     <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />
   	     <f:selectItem itemValue="Green" itemLabel="Color1 - Green" />
   	      <f:selectItem itemValue="Blue" itemLabel="Color1 - Blue" />
          </h:selectOneRadio>
          <h:inputText/>
          <h:inputText/>

     </h:panelGrid> 
    </h:form>

amk2 15 de fev. de 2011

tenho alguns campos radio com campo texto do lado, como está no HTML que coloquei, como fazer para deixá-los igual no JSF?

Polverini 15 de fev. de 2011

@edudebom Coloquei errado mesmo (mania) ja concertei

amk2 15 de fev. de 2011

hummm…continuei na mesma.
Coloquei este codigo aqui e testei de outra forma.
Porem continua não saindo como eu quero
Ex:

edudebom 15 de fev. de 2011

Poste seu código.

amk2 15 de fev. de 2011

Oi Edu,
Já postei, na primeira mensagem.

edudebom 15 de fev. de 2011

amk2:
Oi Edu, Já postei, na primeira mensagem.

Sim, mas aquele era HTML puro. Não tentou adaptar ao JSF com os exemplos ?

amk2 15 de fev. de 2011

Coloquei assim no meu codigo, já tentei.
Eu precisaria de algo assim

<h:selectOneRadio id=“documentosdeadmissao” value="" layout=“pageDirection” >
<f:selectItem id=“doc1” itemLabel=“documento 1” itemValue=“1” />
<f:selectItem id=“doc2” itemLabel=“documento 2” itemValue=“2” /> <h:inputText id=“txtdoc2” value="" />
<f:selectItem id=“doc3” itemLabel=“documento 3” itemValue=“3” />
<f:selectItem id=“doc4” itemLabel=“documento 4” itemValue=“4” />
<f:selectItem id=“doc5” itemLabel=“documento 5” itemValue=“5” /> <h:inputText id=“txtdoc5” value="" />
<f:selectItem id=“doc6” itemLabel=“documento 6” itemValue=“6” /><h:inputText id=“txtdoc6” value="" />
</h:selectOneRadio>

amk2 15 de fev. de 2011

o problema é que estes campos textos ficam acima dos “radio”.
Eu quero igual ao que fica no html
E agora?

abs

amk2 16 de fev. de 2011

testei com este tb, que estava aq na página, porem colocando o campo texto onde tem que estar…

<h:panelGrid columns=“3”>
<f:facet name=“header”>
<h:outputText value=“Texto da Tabela”/>
</f:facet>

<h:selectOneRadio >  
         <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />  
         <f:selectItem itemValue="Green" itemLabel="Color1 - Green" /><h:inputText/>    
         <f:selectItem itemValue="Blue" itemLabel="Color1 - Blue" /><h:inputText/>    
         <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />  
         <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />  <h:inputText/>  
         <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />  
       </h:selectOneRadio>

</h:panelGrid>

e alem de ficar na horizontal o campo texto vai para acima

…

amk2 17 de fev. de 2011

alguma fórmula mágica?
Não?

Criado 15 de fevereiro de 2011

Ultima resposta 17 de fev. de 2011

Respostas 12

Participantes 3

12 Respostas

Topicos relacionados