command button doesn't work on primefaces and ui:define - spring

Question

So, I have a problem with primefaces, I'm trying have a button that reset a panel but that button just don't work, here's the code.
<?xml version="1.0" encoding="utf-8" ?>
<ui:composition template="templatePortal.xhtml" 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:a="http://www.ambientinformatica.com.br/jsf2" xmlns:p="http://primefaces.org/ui">
<ui:define name="head">
<style>
.col1 {
width: 10%;
}
.col2 {
width: 90%;
}
</style>
</ui:define>
<ui:define name="corpo">
<a:field label="Ficha: ">
<p:inputText id="ficha" label="ficha">
</p:inputText>
</a:field>
<a:field label="Dotação: ">
<p:inputMask id="dotacao" mask="99.99.9999.999.999.999" />
</a:field>
<a:field>
</a:field>
<a:newLine />
<p:panel id="panel" header="Orçamento">
<a:field label="Exercício">
<p:inputText id="exercicio"></p:inputText>
</a:field>
<a:newLine />
<a:field label="Unidade:">
<p:inputText id="unidade" value="#{ElaboracaoOrcamentariaControl.unidade.codigo}" label="unidade">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeUnidade" value="#{ElaboracaoOrcamentariaControl.unidade.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="Orgão:">
<p:inputText id="orgao" value="#{ElaboracaoOrcamentariaControl.orgao.codigo}">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeOrgao" value="#{ElaboracaoOrcamentariaControl.orgao.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="Função:">
<p:inputText id="funcao" value="#{ElaboracaoOrcamentariaControl.funcao.id}" label="funcao">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeFuncao" value="#{ElaboracaoOrcamentariaControl.funcao.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="SubFunção:">
<p:inputText id="subfuncao" value="#{ElaboracaoOrcamentariaControl.subFuncao.id}" label="subfuncao">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeSubfuncao" value="#{ElaboracaoOrcamentariaControl.subFuncao.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="Programa:">
<p:inputText id="programa" value="#{ElaboracaoOrcamentariaControl.programa.codigo}" label="programa">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomePrograma" value="#{ElaboracaoOrcamentariaControl.programa.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="Ação:">
<p:inputText id="acao" value="#{ElaboracaoOrcamentariaControl.acao.nroProjAtiv}" label="acao">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeAcao" value="#{ElaboracaoOrcamentariaControl.acao.descricaoReduzida}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:field label="elemento Despesa:">
<p:inputText id="elementoDespesa" value="#{ElaboracaoOrcamentariaControl.elementoDespesa.codigo}" label="elementoDespesa">
<p:ajax event="blur" listener="#{ElaboracaoOrcamentariaControl.validar}" update=":formCorpo:panel" />
</p:inputText>
</a:field>
<a:field>
<p:inputText id="nomeElementoDespesa" value="#{ElaboracaoOrcamentariaControl.elementoDespesa.descricao}" style="width:550px;"></p:inputText>
</a:field>
<a:newLine />
<a:newLine />
<a:newLine />
<p:commandButton process="#this" immediate="true">
<p:resetInput target=":formCorpo"/>
</p:commandButton>
<p:dataTable id="dataTable" var="fonte" value="#{ElaboracaoOrcamentariaControl.dotacao.fontes}">
<p:column headerText="Fonte">
<h:outputText value="#{fonte.fonte.codigo}" />
</p:column>
<p:column headerText="Descrição da fonte de recurso">
<h:outputText value="#{fonte.fonte.descricao}" />
</p:column>
<p:column headerText="Valor">
<h:outputText value="#{fonte.valor}" />
</p:column>
<p:column headerText="Excluir">
<p:commandButton id="selectButton" update=":form:display" immediate="true" icon="ui-icon-search" title="View" process="#this">
</p:commandButton>
</p:column>
</p:dataTable>
</p:panel>
</ui:define>
and the back bean:
package br.com.webgoverno.contabilidade.controle;
import java.util.ArrayList;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.event.ActionEvent;
import javax.faces.event.AjaxBehaviorEvent;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Controller;
import br.com.ambientinformatica.ambientjsf.util.UtilFaces;
import br.com.ambientinformatica.jpa.exception.PersistenciaException;
import br.com.webgoverno.contabilidade.persistencia.AcaoDao;
import br.com.webgoverno.contabilidade.persistencia.DotacaoDao;
import br.com.webgoverno.contabilidade.persistencia.ElementoDespesaDao;
import br.com.webgoverno.contabilidade.persistencia.FuncaoDao;
import br.com.webgoverno.contabilidade.persistencia.SubFuncaoDao;
import br.com.webgoverno.orcamento.entidade.Acao;
import br.com.webgoverno.orcamento.entidade.Dotacao;
import br.com.webgoverno.orcamento.entidade.ElementoDespesa;
import br.com.webgoverno.orcamento.entidade.FonteDotacao;
import br.com.webgoverno.orcamento.entidade.Funcao;
import br.com.webgoverno.orcamento.entidade.OrcamentoException;
import br.com.webgoverno.orcamento.entidade.Orgao;
import br.com.webgoverno.orcamento.entidade.Programa;
import br.com.webgoverno.orcamento.entidade.SubFuncao;
import br.com.webgoverno.orcamento.entidade.UnidadeOrcamentaria;
import br.com.webgoverno.orcamento.persistencia.OrgaoDao;
import br.com.webgoverno.orcamento.persistencia.ProgramaDao;
#Controller("ElaboracaoOrcamentariaControl")
#Scope("conversation")
public class ElaboracaoOrcamentariaControl extends ControleContabilidade {
private Dotacao dotacao = new Dotacao();
// campos da tela
private UnidadeOrcamentaria unidade;
private Orgao orgao;
private Funcao funcao;
private SubFuncao subFuncao;
private Programa programa;
private Acao acao;
private ElementoDespesa elementoDespesa;
// fim campos da tela
List<FonteDotacao> fonteDotacoes = new ArrayList<FonteDotacao>();
private List<Dotacao> dotacoes = new ArrayList<Dotacao>();
#Autowired
private DotacaoDao dotacaoDao;
#Autowired
private OrgaoDao orgaoDao;
#Autowired
private FuncaoDao funcaoDao;
#Autowired
private SubFuncaoDao subFuncaoDao;
#Autowired
private ProgramaDao programaDao;
#Autowired
private AcaoDao acaoDao;
#Autowired
private ElementoDespesaDao elementoDespesaDao;
#PostConstruct
public void inicializar() {
unidade = new UnidadeOrcamentaria();
orgao = new Orgao();
funcao = new Funcao();
subFuncao = new SubFuncao();
programa = new Programa();
acao = new Acao();
elementoDespesa = new ElementoDespesa();
}
public Dotacao getDotacao() {
return dotacao;
}
public void setDotacao(Dotacao dotacao) {
this.dotacao = dotacao;
}
public UnidadeOrcamentaria getUnidade() {
return unidade;
}
public void setUnidade(UnidadeOrcamentaria unidade) {
this.unidade = unidade;
}
public Orgao getOrgao() {
return orgao;
}
public void setOrgao(Orgao orgao) {
this.orgao = orgao;
}
public Funcao getFuncao() {
return funcao;
}
public void setFuncao(Funcao funcao) {
this.funcao = funcao;
}
public SubFuncao getSubFuncao() {
return subFuncao;
}
public void setSubFuncao(SubFuncao subFuncao) {
this.subFuncao = subFuncao;
}
public Programa getPrograma() {
return programa;
}
public void setPrograma(Programa programa) {
this.programa = programa;
}
public Acao getAcao() {
return acao;
}
public void setAcao(Acao acao) {
this.acao = acao;
}
public ElementoDespesa getElementoDespesa() {
return elementoDespesa;
}
public void setElementoDespesa(ElementoDespesa elementoDespesa) {
this.elementoDespesa = elementoDespesa;
}
public List<Dotacao> getDotacoes() {
return dotacoes;
}
public void setDotacoes(List<Dotacao> dotacoes) {
this.dotacoes = dotacoes;
}
public DotacaoDao getDotacaoDao() {
return dotacaoDao;
}
public void setDotacaoDao(DotacaoDao dotacaoDao) {
this.dotacaoDao = dotacaoDao;
}
public void confirmar(ActionEvent evt) {
unidade.setOrgao(orgao);
programa.getAcoes().add(acao);
dotacao.setUnidade(unidade);
dotacao.setPrograma(programa);
try {
dotacaoDao.alterar(dotacao);
UtilFaces.addMensagemFaces("Salvo com sucesso");
} catch (Exception e) {
UtilFaces.addMensagemFaces(e);
}
}
public List<Dotacao> listarDotacoes() {
try {
this.dotacoes = dotacaoDao.listar();
} catch (PersistenciaException e) {
UtilFaces.addMensagemFaces(e);
}
return dotacoes;
}
public void pesquisaDotacao() {
try {
this.dotacao = dotacaoDao.consultar(this.dotacao);
} catch (PersistenciaException e) {
UtilFaces.addMensagemFaces(e);
}
}
public void validar(AjaxBehaviorEvent event) {
try {
/*
* if (unidade.getCodigo() != null &&
* unidade.consultarPorCodigo(unidade).size() > 0) { orgao =
* orgaoDao.consultarPorCodigo(orgao).get(0); }
*/
if (orgao.getCodigo() != null && orgaoDao.consultarPorCodigo(orgao).size() > 0) {
orgao = orgaoDao.consultarPorCodigo(orgao).get(0);
} else orgao = new Orgao();
if (funcao != null && (funcao.getId() != null) && (funcaoDao.consultar(funcao.getId()) != null)) {
funcao = funcaoDao.consultar(funcao.getId());
} else funcao = new Funcao();
if (subFuncao != null && (subFuncao.getId() != null) && (subFuncaoDao.consultar(subFuncao.getId()) != null)) {
subFuncao = subFuncaoDao.consultar(subFuncao.getId());
} else subFuncao = new SubFuncao();
if (programa.getCodigo() != null && programaDao.consultarPorCodigo(programa).size() > 0) {
programa = programaDao.consultarPorCodigo(programa).get(0);
} else programa = new Programa();
if (acao.getNroProjAtiv() != null && acaoDao.consultarPorCodigo(acao).size() > 0) {
acao = acaoDao.consultarPorCodigo(acao).get(0);
} else acao = new Acao();
if (elementoDespesa.getCodigo() != null && elementoDespesaDao.consultarPorCodigo(elementoDespesa).size() > 0) {
elementoDespesa = elementoDespesaDao.consultarPorCodigo(elementoDespesa).get(0);
} else elementoDespesa = new ElementoDespesa();
} catch (OrcamentoException e) {
UtilFaces.addMensagemFaces(e);
e.printStackTrace();
} catch (PersistenciaException e) {
UtilFaces.addMensagemFaces(e);
e.printStackTrace();
}
}
public void adicionaFonte(FonteDotacao fonteDotacao) {
fonteDotacoes.add(fonteDotacao);
}
}
The parent template has a form defyned in it.
I'm stuck in it so any tip will help, thank.

Answer 1

The most common reasons for an UICommand to not work are explained here: commandButton/commandLink/ajax action/listener method not invoked or input value not updated
From your given code, your case seems to fall in case 1: the components may not be inside a <h:form> component. Make sure in your template file you have a structure like this:
<h:form>
<ui:insert name="corpo" />
</h:form>
But note that this is not a good approach because is like having a god form in your page. It will be better if in your template file you have the <ui:insert name="corpo" /> without being inside any form and start defining the <h:form> inside your page. To give an example (based on your posted Facelets code):
<h:form>
<p:dataTable id="dataTable" var="fonte" value="#{ElaboracaoOrcamentariaControl.dotacao.fontes}">
<p:column headerText="Fonte">
<h:outputText value="#{fonte.fonte.codigo}" />
</p:column>
<p:column headerText="Descrição da fonte de recurso">
<h:outputText value="#{fonte.fonte.descricao}" />
</p:column>
<p:column headerText="Valor">
<h:outputText value="#{fonte.valor}" />
</p:column>
<p:column headerText="Excluir">
<p:commandButton id="selectButton" update=":form:display" immediate="true" icon="ui-icon-search" title="View" process="#this">
</p:commandButton>
</p:column>
</p:dataTable>
</h:form>