olá pessoal.
estou trabalhando em sistema web com jsf e primefaces utilizando cliente de facelets.
o problema:
na página “mãe” (página principal que recebe-ui:insert- as outras páginas usando ui:composition e ui:define)
há vários links estáticos, ou seja, em qualquer que eu clique só mudará o meio da página, mas o css só incorpora a página para o 1° link que clico. depois só vem xhtml puro, sem o css.
desde já agradeço a ajuda.
link do css:(funciona mto bem até a nagegação do 1° link clicado)
<link rel="stylesheet" href="./css/estilo.css" type="text/css"/>
esses são os links da página “mãe”:
<h:form>
<ul>
<li><h:commandLink styleClass="a" action="#{navegacao.cadastrar_diretorio()}">Diretorio</h:commandLink></li>
<li><h:commandLink styleClass="a" action="#{navegacao.cadastrar_tipo_pessoa()}">Tipo Pessoa</h:commandLink></li>
<li><h:commandLink styleClass="a" action="#{navegacao.cadastrar_pessoa()}">Pessoa</h:commandLink></li>
<li><h:commandLink styleClass="a" action="#{navegacao.salvar_ponto()}">Salvar Ponto</h:commandLink></li>
<li><h:commandLink styleClass="a" action="#{navegacao.sair()}">Sair</h:commandLink></li>
</ul>
</h:form>
aqui (logo abaixo dos links na página mãe) é onde será carregado as páginas:
[code]<ui:insert name=“meioPrincipal”>
</ui:insert>[/code]
essa é a ‘regra de negócio’ (navegação)
[code]@ManagedBean(name = “navegacao”)
@SessionScoped
public class Navegacao {
public String index() {
return “index”;
}
public String cadastrar_diretorio() {
return “cadastrar_diretorio”;
}
public String sair() {
return “sair”;
}
public String cadastrar_tipo_pessoa() {
return “cadastrar_tipo_pessoa”;
}
public String cadastrar_pessoa() {
return "cadastrar_pessoa";
}
public String salvar_ponto() {
return "salvar_ponto";
}
public String setor() {
return "setor";
}
}[/code]
e esse é o faces-config:
[code]<navigation-rule>
<from-view-id>*</from-view-id>
<navigation-case>
<from-outcome>index</from-outcome>
<to-view-id>/index.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>cadastrar_diretorio</from-outcome>
<to-view-id>/modulos/cadastrardiretorio.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>sair</from-outcome>
<to-view-id>/login.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>cadastrar_tipo_pessoa</from-outcome>
<to-view-id>/modulos/tipoPessoa.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>cadastrar_pessoa</from-outcome>
<to-view-id>/modulos/cadastrarPessoa.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>salvar_ponto</from-outcome>
<to-view-id>/modulos/salvarPonto.xhtml</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>setor</from-outcome>
<to-view-id>/modulos/setor.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
</faces-config>[/code]
página filha(será carregado dentro do ui:insert):
<ui:composition template="./../index.xhtml">
<ui:define name="meioPrincipal">
<link rel="stylesheet" href="./css/estilo.css" type="text/css"/>
<h:body>
<h:form id="cadastroSimples">
<h:panelGrid columns="2">
<h:inputText size="100" class="ui-corner-all" value="#{L}"/>
<h:message for="diretorio"/><br/>
</h:panelGrid>
<p:commandButton style="color: #1F6B75" value="Salvar" action="Salvar"></p:commandButton>
</h:form>
</h:body>
</ui:define>
</ui:composition>