I created a composite component that implements a spinner, i works really fine, but when I changed from primefaces 2.2.1 to primefaces 3.3.1 the component crashes all the page when I try use p:ajax instead of f:ajax.
Here is the component:
<c:interface>
<c:attribute name="value" required="true"/>
<c:attribute name="fator" required="false" default="1"/>
<c:attribute name="required" required="false" default="false"/>
<c:attribute name="requiredMessage" required="false" default=""/>
<c:attribute name="validatorMessage" required="false" default="Não é um número válido!"/>
<c:attribute name="disabled" required="false" default="false"/>
<c:attribute name="title" required="false" default=""/>
<c:attribute name="width" required="false" default="100"/>
<c:attribute name="dinheiro" required="false" default="false"/>
<c:attribute name="local" required="false" default="pt-BR"/>
<c:attribute name="imediato" required="false" default="false"/>
<c:attribute name="onchange" required="false" default=""/>
<c:attribute name="onkeyup" required="false" default=""/>
<c:attribute name="max" required="false" default="-1"/>
<c:attribute name="min" required="false" default="0"/>
<c:attribute name="parametro" required="false" default=""/>
<c:attribute name="casasDecimais" required="false" default="2"/>
<c:attribute name="valueChangeListener" method-signature="void method(javax.faces.event.ValueChangeEvent)"
targets="spinner"/>
<c:attribute name="rendered" required="false" default="true"/>
<c:editableValueHolder name="#{cc.id}" targets="spinner"/>
<c:clientBehavior name="blur" default="true" event="blur"
targets="spinner"/>
<c:clientBehavior name="change" default="true" event="change"
targets="spinner"/>
</c:interface>
<c:implementation>
<h:outputStylesheet library="css" name="hrgiSpinner.css" target="head"/>
<h:outputScript library="js" name="jquery.formatCurrency-1.4.0.min.js" target="head"/>
<h:outputScript library="js" name="jquery.formatCurrency.pt-BR.js" target="head"/>
<h:outputScript library="js" name="hrgiSpinner.js" target="head"/>
<h:panelGroup layout="block" styleClass="hrgi-spinner" rendered="#{cc.attrs.rendered}">
<p:inputText id="spinner" value="#{cc.attrs.value}"
styleClass="hrgi-spinner-input editableField" disabled="#{cc.attrs.disabled}"
onchange="formatar(this,'#{cc.attrs.fator}','#{cc.attrs.local}','#{cc.attrs.dinheiro}','#{cc.attrs.max}','#{cc.attrs.min}','#{cc.attrs.casasDecimais}'); #{cc.attrs.onchange}"
required="#{cc.attrs.required}" requiredMessage="#{cc.attrs.requiredMessage}"
validatorMessage="#{cc.attrs.validatorMessage}" onkeyup="#{cc.attrs.onkeyup}"
title="#{cc.attrs.title}" immediate="#{cc.attrs.imediato}" style="width: #{cc.attrs.width}px;"
converterMessage="O valor informado não é um número.">
<f:attribute name="objeto" value="#{cc.attrs.parametro}"/>
</p:inputText>
<h:panelGroup layout="block" styleClass="hrgi-spinner-painel-botoes"
rendered="#{not cc.attrs.disabled}">
<div onmousedown="incrementar('#{cc.clientId}'+':spinner','#{cc.attrs.fator}','#{cc.attrs.local}','#{cc.attrs.dinheiro}','#{cc.attrs.max}','#{cc.attrs.min}','#{cc.attrs.casasDecimais}');"
class="hrgi-spinner-botao hrgi-spinner-botao-alto clearfix"/>
<div onmousedown="decrementar('#{cc.clientId}'+':spinner','#{cc.attrs.fator}','#{cc.attrs.local}','#{cc.attrs.dinheiro}','#{cc.attrs.max}','#{cc.attrs.min}','#{cc.attrs.casasDecimais}');"
class="hrgi-spinner-botao hrgi-spinner-botao-baixo clearfix"/>
</h:panelGroup>
<h:panelGroup layout="block"
styleClass="hrgi-spinner-painel-botoes hrgi-spinner-painel-botoes-desabilitados"
rendered="#{cc.attrs.disabled}">
<div class="hrgi-spinner-botao hrgi-spinner-botao-alto clearfix"/>
<div class="hrgi-spinner-botao hrgi-spinner-botao-baixo clearfix"/>
</h:panelGroup>
</h:panelGroup>
</c:implementation>
when I use f:ajax:
<hrgi:spinner id="aliquotaIpiItem" rendered="#{itemEmbrulhado.carregado}"
disabled="#{not modeloPopupLancamentoNF.lancamentoDanfe}"
value="#{controladorTabelaDinamicaItemNF.recuperarIPI(itemEmbrulhado).aliquota}"
dinheiro="false" fator="0.01" local="pt-BR" min="0.00" width="70"
parametro="#{itemEmbrulhado}">
<f:ajax render=":lancamentoNF:abasNF:painelItensNF :alerta" execute="@form"
event="blur" listener="#{controladorPopupLancamentoNF.validarAliquotasItemEAdicionar}"
onevent="definirFoco"/>
<f:convertNumber maxFractionDigits="2" minFractionDigits="2" locale="#{cc.attrs.local}"
for="aliquotaIpiItem"/>
</hrgi:spinner>
when I use p:ajax:
<hrgi:spinner id="aliquotaIpiItem" rendered="#{itemEmbrulhado.carregado}"
disabled="#{not modeloPopupLancamentoNF.lancamentoDanfe}"
value="#{controladorTabelaDinamicaItemNF.recuperarIPI(itemEmbrulhado).aliquota}"
dinheiro="false" fator="0.01" local="pt-BR" min="0.00" width="70"
parametro="#{itemEmbrulhado}">
<p:ajax update=":lancamentoNF:abasNF:painelItensNF :alerta" process="@form"
event="blur" listener="#{controladorPopupLancamentoNF.validarAliquotasItemEAdicionar(itemEmbrulhado)}"
onsuccess="salvarFoco();" oncomplete="carregarFoco(); exibirPopupAlerta(xhr, status, args);"/>
<f:convertNumber maxFractionDigits="2" minFractionDigits="2" locale="#{cc.attrs.local}"
for="aliquotaIpiItem"/>
</hrgi:spinner>
Could someone explain me what is happening??
As @maple_shaft said, I was unable to pass p:ajax to composite component. Primefaces has an spinner component, but unfortunately it still isn’t good (doesn’t support internationalization and show extra decimal numbers like 0.06666666669 instead of 0.07) and I don’t have enough time to wait for the correction. Are rares the cases that I need use p:ajax with this component, generally just to get args like validationFailed. So, I’ve solved the problem using an ugly workaround: