Problema com p:layout do PrimeFaces 3.5 [RESOLVIDO]

19 de julho de 2013 4 respostas

Allansud 19 de julho de 2013

Pessoal, tenho a seguinte página que os p:layout não renderizam:

TOMCAT 7.34 + HIBERNATE + JSF 2.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<h:head>
	<title><ui:insert name="titulo">Portifolio</ui:insert></title>
	<f:view contentType="text/html; charset=UTF-8"/>
	<h:outputStylesheet library="css" name="default.css"/>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<h:outputScript library="js" name="jquery.flexslider-min.js"/>
	<script type="text/javascript" charset="utf-8">
	var $ = jQuery.noConflict();
  		$(window).load(function() {
    	$('.flexslider').flexslider({
          animation: "slide"
    	});
  	});
	</script>

</h:head>
<h:body>
	<p:layout fullPage="true">
		<p:layoutUnit position="north" size="75" header="Portifolio" resizable="false" closable="false" collapsible="false">
		
		</p:layoutUnit>
		
		<p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">
                <h:outputText value="Funciona??." />
        </p:layoutUnit>
		
		<p:layoutUnit position="west" size="200" header="Menu" resizable="false" closable="false" collapsible="false">
			<ui:include src="/templates/LeftMenu.xhtml" />
		</p:layoutUnit>
		
		<p:layoutUnit position="east" size="200" header="Help" resizable="true" closable="true" collapsible="true" effect="drop">
        	<h:outputText value="Funciona??." />
        </p:layoutUnit>
        
        <p:layoutUnit position="center">
        <h:form>
            <ui:insert name="corpo2"/>
        </h:form>
        </p:layoutUnit>
	</p:layout>
</h:body>
</html>

4 Respostas

ViniGodoy 19 de jul. de 2013

Por favor, não abuse do CAPS LOCK no título das suas postagens.

luizcmjr 22 de jul. de 2013

Cara, gerei um exemplo teste aqui para tentar te ajudar… a unica coisa que percebi e achei estranho é seu script… quando incluido na pagina a mesma não é renderizada… entao pesquisando um pouco encontrei esse artigo que ao efetuar alguns ajustes no seu script a pagina voltou a ser renderizada… faz um teste ai… quem sabe possa te ajudar.

<script type="text/javascript" charset="utf-8"> $a = jQuery.noConflict(); $a(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script>

Abraços

Allansud 22 de jul. de 2013

luizcmjr:
Cara, gerei um exemplo teste aqui para tentar te ajudar… a unica coisa que percebi e achei estranho é seu script… quando incluido na pagina a mesma não é renderizada… entao pesquisando um pouco encontrei esse artigo que ao efetuar alguns ajustes no seu script a pagina voltou a ser renderizada… faz um teste ai… quem sabe possa te ajudar.

<script type="text/javascript" charset="utf-8"> $a = jQuery.noConflict(); $a(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script>

Abraços

Primeiramente, gratissímo pelo seu tempo luizcmjr. Eu retirei o script conforme instruido por você e não adiantou então retirei o

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<h:outputScript library="js" name="jquery.flexslider-min.js"/>

e então funcionou! De qualquer forma você tem razão eram os scripts mesmo!

Marcelo_Magalhaes 14 de out. de 2014

Allansud:
luizcmjr:
Cara, gerei um exemplo teste aqui para tentar te ajudar… a unica coisa que percebi e achei estranho é seu script… quando incluido na pagina a mesma não é renderizada… entao pesquisando um pouco encontrei esse artigo que ao efetuar alguns ajustes no seu script a pagina voltou a ser renderizada… faz um teste ai… quem sabe possa te ajudar.

<script type="text/javascript" charset="utf-8"> $a = jQuery.noConflict(); $a(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); </script>

Abraços

Primeiramente, gratissímo pelo seu tempo luizcmjr. Eu retirei o script conforme instruido por você e não adiantou então retirei o
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<h:outputScript library="js" name="jquery.flexslider-min.js"/>
e então funcionou! De qualquer forma você tem razão eram os scripts mesmo!

Caros colegas,

Sei que o post é meio antigo, mas hoje mesmo tive este problema e detectei algo estranho. No meu caso as versões são mais novas, Primefaces 4 e jQuery 2, mas o problema é o mesmo, só em adicionar as referências do jQuery a uma página com p:layout tudo para de funcionar. Pesquisei na web, forum do jQuery e forum do Primefaces e nada. Alguém no fórum já enfrentou problema parecido?

Abraços.

Criado 19 de julho de 2013

Ultima resposta 14 de out. de 2014

Respostas 4

Participantes 4

4 Respostas

Topicos relacionados