Skip to main content
1 de 5
Eduardo
  • 159
  • 1
  • 12

Apagando registro usando Modal Bootstrap

Olá, pessoal. boa tarde. Preciso da ajuda de vocês. Gostaria de melhorar o modo de exclusão dos meus registros, por meio do uso de janelas Modal Bootstrap.

Atualmente, faço a exclusão da seguinte forma:

(AO CLICAR NO BOTÃO DE EXCLUSÃO DE ALGUM DETERMINADO REGISTRO)

<a class="btn btn-primary delete" href="#" id="55"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Apagar experiência</a>

O jQuery interpreta o comando:

    $('a.delete').click(function()
    {
        
        if (confirm("Tem certeza que deseja apagar este registro?"))
        {
            var id = $(this).attr('id');
            var data = 'id=' + id ;
            var parent = $(this).parent().parent().parent().parent();

            $.ajax(
            {
                   type: "POST",
                   url: "deletar_experiencia.php",
                   data: data,
                   cache: false,
                
                   success: function()
                   {
                        parent.fadeOut('slow', function() {$(this).remove();});
                        window.location.reload();
                   }
             });                
        }
    });

A página "deletar_experiencia.php" lê o código por meio do método post e exclui o registro.

Como que eu faço para utilizar a janela modal Bootstrap no lugar desta atual?

Já montei o Modal, mas não sei bem como utilizá-lo. Segue abaixo o modal:

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            Excluir registro?
        </div>
        <div class="modal-body">
            Confirma exclusão deste registro?
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
            <a class="btn btn-danger btn-ok">Deletar</a>
        </div>
    </div>
</div>
Eduardo
  • 159
  • 1
  • 12