1

Tenho um botão de excluir dentro da minha dataTable, porém toda vez que clico nele o confirmDialog não aparece. Estou fazendo da seguinte forma:

<p:column style="width: 100px; text-align: center">
        <p:button icon="ui-icon-pencil" title="Editar" />
        <p:commandButton icon="ui-icon-trash" title="Excluir" oncomplete="confirmacaoExclusao.show()" />
</p:column>

confirmDialog:

<p:confirmDialog header="Exclusão de Produto"
                message="Tem certeza que deseja excluir o Produto?"
                widgetVar="confirmacaoExclusao" severity="alert">
                <p:button value="Não"
                    onclick="confirmacaoExclusao.hide(); return false" />   
                <p:commandButton value="Sim" oncomplete="confirmacaoExclusao.hide();" />

</p:confirmDialog>

2 Respostas 2

1

Opa, teste desta forma:

    <p:confirmDialog id="excluirMensagemModal" width="500"
        header="Confirmação de exclusão" severity="alert"
        widgetVar="excluirManualDialog" closable="false" appendToBody="true">
        <f:facet name="message">
            <h:outputFormat value="Excluir?" />
        </f:facet>

        <p:commandButton value="Sim"
            oncomplete="excluirManualDialog.hide()"
            action="#{seuMBean.delete()}"
            update=":form" />
        <p:commandButton value="Não"
            onclick="excluirManualDialog.hide()" />
    </p:confirmDialog>

Dica: Pode utilizar @form ao invés de :form, se sua confirmDialog estiver dentro do formulário(se estiver dentro do formulário, não funcionará no IE versões antigas).

Você não estava chamando a ação de exclusão, que fica no parâmetro action. Sem a chamada para a exclusão nada será excluído.

Na chamada da confirmDialog, falta o parâmetro immediate="true". Verifique se funciona. Geralmente eu utilizo um commandLink ao invés de um commandButton, e utilizo esses parâmetros:

<p:commandLink ajax="true" immediate="true" oncomplete="excluirManualDialog.show()" title="Excluir" update="@form">
                        <f:setPropertyActionListener target="#{meuMBean.editEntity}" value="#{itemDaLista}" />
                        <h:graphicImage value="/resources/img/icons/excluir.png"/>
                    </p:commandLink>

EDIÇÃO: Ao conversar com a pessoa que abriu a pergunta, verificamos que o erro permanecia pois a partir Primefaces versão 5 ou mais a chamada do confirmDialog foi mudada:

PF('widgetVarName').show() ao invés de widgetVarName.show()

Link da reposta de referência no SO em inglês

10
  • Eu ainda não estava chamando a ação de excluir mesmo, só estava testando o dialog, porém ta difícil fazer ele aparecer kk. Mesmo com seu código não funcionou ainda, eu clico no excluir e o dialog não aparece Commented 22/06/2015 às 13:31
  • Opa, fiz uma edição, pois ao meu ver falta um parâmetro na chamada da confirmDialog, verifique a edição e se é esse parâmetro que faltava.
    – WyllianNeo
    Commented 22/06/2015 às 13:35
  • beleza, vou testar novamente Commented 22/06/2015 às 13:35
  • Pois é, não deu certo. Já segui alguns tutoriais e nada. Commented 22/06/2015 às 13:37
  • acho que o problema está no botão que chama o dialog. Mas não sei o que pode ser Commented 22/06/2015 às 13:39
0

Tente usar assim: <p:column style="width: 100px; text-align: center"> <p:button icon="ui-icon-pencil" title="Editar" /> <p:commandButton icon="ui-icon-trash" title="Excluir> <p:confirm header="Comfirmação" message="Tem certeza que deseja excluir o Produto?" icon="ui-icon-alert" /> </p:commandButton> </p:column>

1
  • Não funcionou, ainda não aparece o Dialog Commented 22/06/2015 às 13:03

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 .