quinta-feira, 21 de novembro de 2013

JSF: jquery.maskMoney.js

1º) Faça o download do plug-in:
   http://plugins.jquery.com/?s=money

2º) Coloque o arquivo no seu projeto
  /SeuProjeto/WebContent/resources/scripts

3º) Adicione o arquivo na sua página XHTML
  <h:head>
    <h:outputScript library="scripts" name="jquery.maskedinput-1.2.2.js" target="head" rendered="true"/>
    <h:outputScript library="scripts" name="jquery.maskMoney.js" target="head" rendered="true" />
  </h:head>

4º) Dentro do form onde está seu h:inputText. (Se não colocar no form terá problemas se utilizar ajax)
  <h:form prependId="false">
    <script type="text/javascript">
      $(document).ready(function() {
        setarMascara();
      });

     function setarMascara() {
       $("#SALARIO").maskMoney({showSymbol:false, symbol:"", precision: 2, decimal:",", thousands:"."});
     }
  </script>

  <h:outputLabel value="Salário" />
    <h:inputText value="#{funcionarioMB.historicoCargo.dbl_salarioflex}" 
        id="SALARIO" styleClass="valor">
     <f:convertNumber pattern="#,##0.00" locale="pt_BR" maxFractionDigits="2"/>
  </h:inputText>
 </h:form>

Um comentário:

  1. Boa noite, Alexandre.
    Tentei seguir o seu exemplo, porém em meu inputText, a máscara e tudo mais só funcionou após eu acionar algum botão de submit.
    Têm alguma idéia do que pode ser?
    Obrigado

    ResponderExcluir