Fórum Layout Principal PrimeFaces #445042
09/06/2013
0
Boa noite pessoal, estou aqui precisando de help, quero fazer um layout principal onde vai os topo e os menu e rodapé, ao clicar no menu carregar página interna, sem que tenho que fazer tudo novamente na página. Alguém pode me dar umas dicas como fazer isso com primefaces?
grato!
Adriano de Aguiar
grato!
Adriano de Aguiar
Adriano Aguiar
Curtir tópico
+ 0
Responder
Posts
09/06/2013
Hildebrando Nascimento
Adriano da uma olhada em Facelets <ui:composition> voce pode criar uma página para servir de padrão para as demais, tem várias aulas da devmedia que mostram este uso.
Neste exemplo eu uso duas páginas que serão fixas a topo e a rodape sendo assim quando usar este template as outras páginas vão utilizá-las como padrão, espero ter ajudado.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
<link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
<title><ui:insert name="title">Facelets Template</ui:insert></title>
</h:head>
<h:body>
<div id="top">
<ui:include src="topo.xhtml">Topo</ui:include>
</div>
<div id="content" class="center_content">
<ui:insert name="content">Content</ui:insert>
</div>
<div id="bottom">
<ui:include src="rodape.xhtml">Topo</ui:include>
</div>
</h:body>
</html>Neste exemplo eu uso duas páginas que serão fixas a topo e a rodape sendo assim quando usar este template as outras páginas vão utilizá-las como padrão, espero ter ajudado.
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)