JSF e TAGS

Front-end
#1

Preciso fazer uma aplicação padronizada. Solicitaram que retirassem as tags de HTML puro do JSF.

Minha dúvida é muito simples: qual a tag equivalente ao

? Posso fazer com porcentagens e e agregar objetos dentro de celulas?
#2

fis um exemplo, acho que é o q vc precisa:



		<h:form>
		   <h:dataTable rendered="#{not empty FornecedorHandler.fornecedores}" border="1" var="f" value="#{FornecedorHandler.fornecedores}">
		      <h:column>
		         <f:facet name="header">
		            <h:outputText value="ID"></h:outputText>
		         </f:facet>
		         <h:outputText value="#{f.id}"></h:outputText>
		      </h:column>
		      <h:column>
		         <f:facet name="header">
		            <h:outputText value="FORNECEDOR"></h:outputText>
		         </f:facet>
		         <h:outputText value="#{f.nome}"></h:outputText>
		      </h:column>
		      <h:column>
		         <f:facet name="header">
		            <h:outputText value="DESCRICAO"></h:outputText>
		         </f:facet>
		         <h:outputText value="#{f.descricao}"></h:outputText>
		      </h:column>
              <h:column>
              <f:facet name="header">
                 <h:outputText value="ALTERAR"></h:outputText>
              </f:facet>
              <h:commandLink actionListener="#{FornecedorHandler.escolheFornecedor}">
                 <h:outputText value="(alterar)"></h:outputText>
                 <f:param id="editId" name="id" value="#{f.id}"></f:param>
              </h:commandLink>
           </h:column>			      			      			      
		   </h:dataTable>
		</h:form>
	</t:panelTab>   
	
    <t:panelTab label="Contas a Pagar"> </t:panelTab>
    
	</t:panelTabbedPane>
	</f:view>
</body>
#3

Utilize o
<h:panelGrid>.

#4

Cara vc tbm pode trabalhar com posições absolutas do css, ou ainda melhor usar facelets e fazer todas as suas paginas em html e demarcar as partes jsf da uma pesquisada no link https://facelets.dev.java.net/

#5

Você pode usar a tag <h:dataTable>

#6

O que lelhor está aplicando e o <h:panelGrid>, mas estou apanhando MUITO, além da produtividade nao render nada. Minha maquina ficou muito lenta com o Visual Web.

Não consigo fazer coisas obvias, como por exemplo, alterar o tamanho de uma coluna. Como faço isto?

#7

Carinha da uma olhada neste topico aqui do guj eles vao te ajudar para entender melhor a tecnologia http://www.guj.com.br/posts/list/42327.java e tem tbm estes links q pesquisei para poder te ajudar mais http://www.exadel.com/tutorial/jsf/jsftutorial-kickstart.html , http://www.javapassion.com/j2ee/JSFBasics_speakernoted.pdf

Espero q Te ajude

#8

Eu sou teimoso, e quero e vou aprender jsf. (Com ajuda de vcs, claro)

Estou usando o datatable. Criei estilos simples, que dão apenas a porcentagem. O que eu quero fazeer é uma simples tabela, que fique no topo com tres coluna e uma row, onde a primeira e a terceira possuem 15% e a do meio 70%.

Já tentei muiuta coisa, configurei de n jeitos, apliquei estilos e nda. To perdendo tempo e ânimo. Como fazer isto?

#9

cara vc tem q configurar as tabelas com um arquivo css e chamalo com um atributo da sua tag datatable não lembro de cabeça mais é alguma coisacss

#10

Foi o que eu fiz

.col15c{
width: 15%;
text-align : center;
}

Mas não fica certo, não ajusta

#11

então tem um arquivo css tipo assim

.texto{ width: 30%; background-color: #006666; } .form{ width: 30%; } .messages{ width: 40%; }

e no seu h:datatable vc usa assim

<h:dataTable id="tabelaDeSugestoes" rows="5" width="800" frame="box" columnClasses="texto,form,messages" >

mais não esqucesa de fazer a chamada do arquivo css no head do seu código html

<head>
	<link href="../css/style.css" rel="stylesheet" type="text/css"/>
</head>
#12

robson, agradeço sua ajuda. Tenho feito tudo conforme vc sugere, mas ainda assim não funciona. Faça um teste assim,

troque width=“800” por width=“100%”

#13

nao cara mais ai ñ rola
vc ñ pode trabalhar com porcentagem no faces
se quizer trabalhar com porcentagem tem q ser atravez de arquivos css
ou então vc pode trabalhar com o facelets q eu sugeri anteriormente ai vc trabalha da mesma forma q vc faz no html

#14