1

No meu xhtml tenho 2 input valor 1 e valor 2.

O primeiro input funciona perfeitamente a mascara jquery para moeda. Mais no 2 input a que está num modal a máscara de moeda não está funcionando.

funcao moeda

function configurarMoeda() {
    $(".moeda").maskMoney({ decimal: ",", thousands: ".", allowZero: true });
}

$(document).ready(function() {
    configurarMoeda();
});

Meu xhtml

<ui:define name="content">

    <h1 class="aw-page-title">Armas</h1>

    <div style="width: 80%; margin: 0 auto;">
        <h:form id="frm">
            <p:messages id="msgs" escape="true" closable="true" />

            <p:toolbar id="toolbar">
                <f:facet name="right">
                    <p:commandButton value="Novo" icon="fa  fa-file-text" alt="Novo"
                        title="Novo" action="#{armaBean.novo}" process="@this"
                        update="dialog_arma" oncomplete="PF('edicaoArmaDialog').show()">
                        <p:resetInput target="dialog_arma" />

                    </p:commandButton>
                </f:facet>
            </p:toolbar>

            <p:outputLabel value="Valor 1 " for="moeda" />
            <p:inputText id="moeda" styleClass="moeda" label="Valor" maxlength="10"
                value="#{armaBean.arma.valor}" />
        </h:form>
    </div>

    <p:dialog widgetVar="edicaoArmaDialog" id="dialog_arma"
        resizable="false" modal="true" closeOnEscape="true" responsive="true"
        appendTo="@(body)" header="Cadastro de Armas">

        <h:form id="frm_dialog">

            <h:inputHidden id="id_arma" value="#{armaBean.arma.idArma}" />

            <h:panelGrid id="painel_edicao_dialog" layout="block"
                styleClass="ui-fluid">

                <p:panelGrid layout="grid" columns="2"
                    styleClass="panelgrid-noborder"
                    columnClasses="ui-grid-col-3, ui-grid-col-9">

                    <p:outputLabel value="Valor 2" for="moeda" />
                    <p:inputText id="moeda" styleClass="moeda" label="Valor"
                        maxlength="10" value="#{armaBean.arma.valor}">
                    </p:inputText>

                </p:panelGrid>

            </h:panelGrid>

        </h:form>

    </p:dialog>


</ui:define>

1
  • Robson, mostra algum erro no console do teu navegador? 16/05/2016 às 11:12

3 Respostas 3

1

Fala meu caro,

estou fazendo o input dessa forma para ficar como moeda BRL em meu projeto. Talvez funcione para você.

<p:inputText id="valorParcela"
             value="#{clientebean.selectedEmprestimo.valorParcela}">

                        <p:ajax event="keyup" />
                        <f:convertNumber maxFractionDigits="2" currencyCode="BRL"
                            type="currency" />

</p:inputText>
0

Acredito que o p: seja de primefaces, sendo assim, utilize o Primefaces Extension, para fazer isso, ele possui um componente chamado pe:inputNumber que possui attributos para a mascara do campo!

0

Pessoal consegui resolver o meu problema, a solução foi eu colocar o javascript dentro do p:dialog

<p:dialog widgetVar="edicaoArmaDialog" id="dialog_arma"
        resizable="false" modal="true" closeOnEscape="true" responsive="true"
        appendTo="@(body)" header="Cadastro de Armas">

        <h:form id="frm_dialog">

            <p:messages id="msgs_dialog" />
            <p:defaultCommand target="btn_salvar" scope="dialog_arma" />
            <h:inputHidden id="id_arma" value="#{armaBean.arma.idArma}" />

            <h:outputScript>

            function configurarMoeda() {

                 $(".valor").maskMoney({thousands:'.', decimal:',',allowZero:"true"});
             }

             $(document).ready(function() {
                configurarMoeda();
             });
        </h:outputScript>

            <h:panelGrid id="painel_edicao_dialog" layout="block"
                styleClass="ui-fluid">

                <p:panelGrid layout="grid" columns="2"
                    styleClass="panelgrid-noborder"
                    columnClasses="ui-grid-col-3, ui-grid-col-9">
                    <p:outputLabel value="Descrição" for="desc" />
                    <p:inputText id="desc" label="Descrição" maxlength="60" size="30"
                        required="true" onkeyup="alteraMaiusculo()"
                        requiredMessage="O campo descrição da arma é obrigatório."
                        value="#{armaBean.arma.descricao}" />

                    <p:outputLabel value="Sigla" for="sig" />
                    <p:inputText id="sig" label="Sigla" maxlength="30" size="20"
                        required="true" onkeyup="alteraMaiusculo()"
                        requiredMessage="O campo sigla da arma é obrigatório."
                        value="#{armaBean.arma.sigla}" />

                    <p:outputLabel value="Valor" for="valor" />
                    <p:inputText id="valor" styleClass="valor" label="Valor"
                        maxlength="10" value="#{armaBean.arma.valor}">
                        <f:converter converterId="convertToBigDecimal" />
                    </p:inputText>

                </p:panelGrid>

            </h:panelGrid>

            <br />

            <p:separator />
            <p:outputPanel
                style="margin: 20px 0px 20px 0px; width: 100%; display: table;">
                <p:commandButton id="btn_salvar" value="Salvar" icon="fa  fa-check"
                    action="#{armaBean.salvar}" process="dialog_arma"
                    update="msgs_dialog painel_edicao_dialog"
                    oncomplete="if(!args.validationFailed) PF('edicaoArmaDialog').hide()"
                    style="float: right; width: 100px;" />
            </p:outputPanel>

        </h:form>

    </p:dialog>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .