Confirmar exclusão com Janela Modal

Java

27/01/2015

Bom dia gostaria de saber qual seria o procedimento correto para fazer exclusão com uma janale modal ?

Segue o exemplo de como estou fazendo no momento apenas com um simples JS.

<h:commandLink id="teste" class="titulo"  title="Excluir" rel="tooltip"   action="#{serviceControl.doRemover()}" onclick="return confirm('Deseja fazer a Exclusão ?');
                                    return false">
                                <h:graphicImage value="../imagens/excluir.png"/>
                                <f:setPropertyActionListener value="#" target="#{serviceControl.selectEntidade}"/> 
</h:commandLink>


gostaria que em vez de chamar o método confirm chamasse a janela com o seguinte comando onclick="janelaExclusao.show()

Codigo da janela Modal
<!-- Modal -->
            <div id="myModal" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h4 class="modal-title">Confirmar</h4>
                        </div>
                        <div class="modal-body">
                            #{serviceControl.cleanCache()}
                            <p>Deseja reamente fazer a Excusão do #{serviceControl.selectEntidade.service} ?</p>
                            <p class="text-warning"><small>Apos confirmar o serviço será excluso.</small></p>
                        </div>
                        <div class="modal-footer">
                            <h:commandButton value="Cancelar" type="button" class="btn btn-default" />
                            <h:commandButton value="Confirmar" class="btn btn-primary"/>
                        </div>
                    </div>
                </div>
            </div>


Script para chama a janela Modal
 <script>
            $(document).ready(function() {
                $('#formServico:excluir').click(function() {
                    $('#myModal').modal({
                        keyboard: true
                    });
                });
 </script>


Então minha duvida é o seguinte gostaria de muda a tela de confirmação de exclusão para essa mais elaborada, porem gostaria de saber o que tenho que fazer para realmente funcionar.
John Lima

John Lima

Curtidas 0

Respostas

Ronaldo Lanhellas

Ronaldo Lanhellas

27/01/2015

Bom, pelo que pude perceber você está usando bootstrap e JSF. O mais simples seria você trabalhar com JSF 2.2 e colocar os atributos data-toggle e data-target no seu commandLink, assim ele irá chamar o MODAL sem necessidade de Javascript.
GOSTEI 0
John Lima

John Lima

27/01/2015

Ronaldo a principio também pensei nessa situação porem como estou seguindo um treinamento, e sempre que completo algum e faço tento colocar técnicas do outro para poder melhoras as técnicas absorvidas.
GOSTEI 0
Ronaldo Lanhellas

Ronaldo Lanhellas

27/01/2015

Certo, então voltando ao seu questionamento: Ocorre algum erro no console do browser ?
GOSTEI 0
John Lima

John Lima

27/01/2015

O que ocorre é o seguinte quando eu uso o JS direto "onclick="return confirm('Deseja fazer a Exclusão ?'); return false" a action do botão só será executada de acordo com minha confirmação então, no caso da janela modal como sera o return para executa a exclusão ? e nessa linha :

<p>Deseja reamente fazer a Excusão do #{serviceControl.selectEntidade.service} ?</p>

nem sempre é carregado o objeto.
GOSTEI 0
POSTAR