Bom dia pessoal,
Estou com um problema para chamar uma função que crei em Jquery na tag <rich:jQuery do JSF.
Vou postar o código pra vocês avaliarem e se possível me ajudar.
Possou três campos em minha tela: Renda Familiar, Quantidade de Pessoas e Renda Percapita. A minha função jquery calcula a renda percapita fazendo a divisão da rendaFamiliar pela quantidade de Pessoas (renda/quantidade), dai vem a questão, gostaria de invocar a tal função para atualizar meu campo Renda Percapita de forma automática.
Vai ai o post do código:
FUNÇÃO JQUERY
<script type="text/javascript">
//var $j = jQuery.noConflict();
$(document).ready(function(){
alert("Opa, function! ")
function calcular(){
alert("Opa, Quase lá! ")
$(#renda, #quantidade).blur(function(){
alert("Opa, Chegou!")
var renda = $('#renda').val();
var quantidade = $('#quantidade').val();
if(renda = "") renda = 0;
if(quantidade = "") quantidade = 0;
var calculo = renda/quantidade;
$(#calculo).val(calculo);
)}
}
});
</script>
TAGS JSF
<rich:panel>
<f:facet name="header">Situação Sócio - Ecônomica</f:facet>
<h:panelGrid columns="3" cellspacing="20">
<h:panelGroup>
<b><h:outputText value="Renda Familiar:"/></b>
<h:inputText value="#{servicoSocialController.rendaFamiliar}" >
[b] <rich:jQuery selector="#renda" name="renda" query="calcular()" timing="onJScall"/>[/b]
<f:converter converterId="MyDoubleConverter"/>
</h:inputText>
</h:panelGroup>
<h:panelGroup>
<b><h:outputText value="Nº de Componentes da Família:"/></b>
<h:inputText value="#{servicoSocialController.servicoSocial.nrComponentesFamilia}">
[b]<rich:jQuery selector="#quantidade" name="quantidade" query="calcular()" timing="onJScall"/>[/b]
<f:converter converterId="MyDoubleConverter"/>
</h:inputText>
</h:panelGroup>
<h:panelGroup >
<b><h:outputText value="Renda Percapita:"/></b>
<h:inputText value="#{servicoSocialController.rendaPercapita}" readonly="true" >
[b]<rich:jQuery selector="calculo" name="calculo" query="calcular()" />[/b]
<f:converter converterId="MyDoubleConverter"/>
</h:inputText>
</h:panelGroup>
</h:panelGrid>
</rich:panel>
Se vocês observarem, eu já estou utilizando a tag <rich:jQuery nos três campos para invocar a função jQuery que criei, mas não está dando certo, alguém pode me mostrar uma saída ou até mesmo mostrar algum detalhe faltante ou a mais que está no código.
Desde já agradeço.
