[RESOLVIDO]Problema com o HTML renderizado pelo h:outputText (JSF)

20 de fevereiro de 2013 4 respostas

JhowTroMundo 20 de fevereiro de 2013

Boa tarde, pessoal.

Estou trabalhando em uma pagina JSF, mas o html renderizado pelo h:outputText está quebrando meu layout:

&lt;span&gt;
    &lt;h:outputText value="Valor"/&gt;
&lt;/span&gt;

O codigo acima renderiza o seguinte:

&lt;span&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Valor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;/span&gt;

Eu acho isso bizarro,e não faço ideia do porquê isso acontecer. Isso é um comportamento padrão da tag jsf?
Alguém sabe como fazer isso não acontecer?

Obrigado.

4 Respostas

ayslanms 20 de fev. de 2013

Coloca o resto do código o que tem circundando o span e o outputText.

JhowTroMundo 20 de fev. de 2013

Segue:

&lt;div id="abas"&gt;			
			&lt;h:panelGrid class="ui-widget ui-corner-all ui-widget-content widget" id="abasContent" title="abas" style="width: 100%; height: 100%"&gt;
				&lt;h:panelGrid id="abasFrameContent" style="width: 100%; height: 100%"&gt;
					&lt;div class="ui-widget-header ui-corner-all widgetheader"&gt;
						&lt;span class="widgettitle"&gt;
							&lt;h:outputText value="Teste"/&gt;
						&lt;/span&gt;
					&lt;/div&gt;
					&lt;iframe id="iframeAbas" src="#{regulacaosinistroremb.urlPainelSuperior}" frameborder="1" style="width: 100%; height: 100%"/&gt;
				&lt;/h:panelGrid&gt;
			&lt;/h:panelGrid&gt;			
		&lt;/div&gt;

ayslanms 20 de fev. de 2013

O panel grid não renderiza o html da form que você espera caso os filhos diretos dele sejam html puro e não componentes JSF.

Troca a div por um panelGroup com layout block. E coloca o iframe dentro de um panelGroup tambémVocê pode fazer assim:

<h:panelGrid class="ui-widget ui-corner-all ui-widget-content widget" id="abasContent" title="abas" style="width: 100%; height: 100%">  
        <h:panelGrid id="abasFrameContent" style="width: 100%; height: 100%">  
               <h:panelGroup layout="block" class="ui-widget-header ui-corner-all widgetheader">  
                        <span class="widgettitle">  
                            <h:outputText value="Teste"/>  
                        </span>  
                 </h:panelGroup>  
                 <h:panelGroup>
                            <iframe id="iframeAbas" src="#{regulacaosinistroremb.urlPainelSuperior}" frameborder="1" style="width: 100%; height: 100%"/>  
                 </h:panelGroup>
         </h:panelGrid>  
 </h:panelGrid>

O panelGroup renderiza uma div caso você coloque layout=block.

JhowTroMundo 20 de fev. de 2013

Obrigado, ayslanms!

esse layout=“block” resolveu esse problema e muitos outros que apareceram depois. Aprendi mais uma.

Valeu mesmo!

Criado 20 de fevereiro de 2013

Ultima resposta 20 de fev. de 2013

Respostas 4

Participantes 2

4 Respostas

Topicos relacionados