Boa noite a todos !
Sou novo no fórum e venho aqui para que possam me ajudar.
Estou desenvolvendo uma aplicação utilizando JSF2.0 + Primefaces 3.4, e me deparei com um problema, o <p:commandButton/> de um de meus formulários não tem como ser clicado. Ele simplesmente não faz nenhuma ação.
Será que pode ser alguma relação como está disposto a minha árvore de componentes ? … interessante é que outro formulário já funciona.
Vou postar o meu template e meu formulário !
TEMPLATE
<!DOCTYPE html>
<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:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<f:facet name="first">
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>SisMosca</title>
</f:facet>
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/Css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/Css/estilo1.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/Css/style.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/Css/jquery-ui-1.9.2.custom.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/Css/jquery-ui-1.9.2.custom.min.css" />
</h:head>
<h:body>
<div class="navbar navbar-inverse">
<ui:insert name="menu-sup">
<h:form>
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">Teste 1</span>
<span class="icon-bar">Teste 2</span>
<span class="icon-bar">Teste 3</span>
</a>
<!-- Be sure to leave the brand out there if you want it shown -->
<a class=" brand titulo-top " href="#">SISMOSCA</a>
<img src="Imagens/moscateste.png" class="mosca-topo" />
<div class="dropdown">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-user"></i>
<h:outputText value="#{loginMB.usuarioLogado.nome}"/>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<h:commandLink action="#{loginMB.logout}" immediate="true">
<i class="icon-off"></i>Logout
</h:commandLink>
</li>
<li class="divider"></li>
<h:panelGroup rendered="#{loginMB.tipo}">
<li class="dropdown-submenu"><a href="#"><i class="icon-cog"></i>Configuração</a>
<ul class="dropdown-menu" >
<li>
<h:commandLink action="#{cadastroUsuarioMB.frmCadUsuario}" immediate="true">
Cadastro Usuário
</h:commandLink>
</li>
<li class="dropdown">
<h:commandLink action="#{loginMB.frmPermissao}" immediate="true">
Rever permissões e Dados
</h:commandLink>
</li>
</ul>
</li>
</h:panelGroup>
</ul>
</li>
</ul>
</div>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->
</div>
</div>
</div>
</h:form>
</ui:insert>
</div>
<h:form id="form">
<div id="menu-lateral">
<ui:insert name="menu-lateral-esq">
<p:growl id="messages"/>
<p:slideMenu style="width:210px; height: 280px;" >
<p:submenu label="Cadastrar" style="height: 90px;">
<p:menuitem value="Pivo" style="width: 150px; height: 15px;" ajax="" action="#{cadastroPivoMB.frmCadastroPivo}" />
<p:menuitem value="Dados Climáticos" style="width: 150px; height: 15px;" />
<p:menuitem value="Variedades" style="width: 150px; height: 15px;"/>
<p:menuitem value="Resultados" style="width: 150px; height: 15px"/>
</p:submenu>
<p:submenu label="Deletar" >
<p:menuitem value="Pivo" icon="ui-icon-close"/>
<p:menuitem value="Dados Climáticos" icon="ui-icon-close"/>
<p:menuitem value="Resultados" icon="ui-icon-close"/>
</p:submenu>
<p:submenu label="Listar">
<p:menuitem value="Pivo" icon="ui-icon-close"/>
<p:menuitem value="Dados Climáticos" icon="ui-icon-close"/>
<p:menuitem value="Resultados" icon="ui-icon-close"/>
</p:submenu>
<p:separator />
<p:submenu label="Navigations" icon="ui-icon-extlink">
<p:submenu label="Prime Links">
<p:menuitem value="Prime" url="http://www.prime.com.tr" />
<p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />
</p:submenu>
<p:menuitem value="Mobile" />
</p:submenu>
</p:slideMenu>
</ui:insert>
</div>
</h:form>
<h:form id="form-2">
<div id="corpo">
<h:panelGroup >
<ui:insert name="conteudoCorpo">
</ui:insert>
</h:panelGroup>
</div>
</h:form>
<div id="rodape">
<h:panelGroup id="content-rodape">
<ui:insert name="rodape">
<div id="rodape-2">
<img id="img-fundo-rodape" src="Imagens/rodape-moscabranca.png" />
</div>
</ui:insert>
</h:panelGroup>
</div>
<script type="text/javascript" src="Scripts/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#a-popover').popover({
trigger: 'manual',
html: true,
title: 'O que são ?',
content: $('#div-popover').html()
}).click(function (e) {
e.preventDefault();
// Exibe o popover.
$(this).popover('show');
});
$('#btn-fechar').live('click', function (e) {
// Oculta o popover ao clicar no botão fechar.
$('#a-popover').popover('hide');
});
})
</script>
</h:body>
</html>
FORMULÁRIO
<f:view
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/template.xhtml">
<ui:define name="conteudoCorpo">
<p:panel header="CADASTRO USUÁRIO" id="panel-s" style="border: none; background: #e9e9e9">
<p:messages id="msgs" />
<h:panelGrid columns="4" cellpadding="1" width="20%" >
<h:outputLabel for="nome" value="Nome " />
<p:inputText id="nome" value="#{cadastroUsuarioMB.nome}" title="Informe um nome válido" required="true" label="Nome">
<f:validateLength/>
<p:ajax update="msgNome" event="keyup"/>
</p:inputText>
<p:tooltip for="nome" showEvent="focus" hideEvent="blur"/>
<p:message for="nome" id="msgNome" display="icon"/>
<h:outputLabel for="login" value="Login " />
<p:inputText id="login" value="#{cadastroUsuarioMB.login}" title="Informe um email válido" required="true" label="Login">
<f:validateLength />
<p:ajax update="msgNome2" event="keyup"/>
</p:inputText>
<p:tooltip for="login" showEvent="focus" hideEvent="blur"/>
<p:message for="login" id="msgNome2" display="icon"/>
<h:outputLabel for="senha" value="Senha " />
<p:inputText id="senha" value="#{cadastroUsuarioMB.senha}" required="true" label="Senha">
<f:validateLength minimum="5"/>
<p:ajax update="msgNome5" event="keyup"/>
</p:inputText>
<p:tooltip for="senha" showEvent="focus" hideEvent="blur"/>
<p:message for="senha" id="msgNome5" display="icon"/>
<h:outputLabel for="nivel" value="Nível " />
<h:selectOneMenu value="#{cadastroUsuarioMB.selecionado}" id="combo">
<f:selectItem itemLabel="Selecione..." noSelectionOption="true"/>
<f:selectItem itemValue="Administrador" itemLabel="Administrador"/>
<f:selectItem itemValue="Moderador" itemLabel="Moderador"/>
</h:selectOneMenu>
</h:panelGrid>
<p:panel>
<p:panelGrid columns="2" style="border: none">
<h:outputLabel for="status" value="Status" />
<p:selectBooleanCheckbox id="status" value="#{cadastroUsuarioMB.status}" label="Status"/>
<h:outputLabel for="cadastrar" value="Cadastrar" />
<p:selectBooleanCheckbox id="cadastrar" value="#{cadastroUsuarioMB.cadastrar}" label="Cadastrar"/>
<h:outputLabel for="deletar" value="Deletar" />
<p:selectBooleanCheckbox id="deletar" value="#{cadastroUsuarioMB.deletar}" label="Deletar"/>
<h:outputLabel for="listarx" value="Listar" />
<p:selectBooleanCheckbox id="listar" value="#{cadastroUsuarioMB.listar}" label="Deletar"/>
</p:panelGrid>
</p:panel>
</p:panel>
<p:commandButton value="Salvar" ajax="false" type="submit" action="#{cadastroUsuarioMB.inserirUsuario}">
</p:commandButton>
<p:commandButton value="Limpar" type="reset" />
</ui:define>
</ui:composition>
</f:view>
Já reiniciei o glassfish, já dei Clear várias vezes. Pensei que poderia ser algum CSS que estivesse fazendo isso, mas mudei os ids dos panels, forms, e nada adiantou.
O interessante é que estava funcionando, e derrepente da esse problema.
Agradeço se poderem me dar uma força !!!
