Confirmation Modal with codeigniter

Question

I need to do an exclusion confirmation modal.

In html

<a class="btn btn-primary" onclick="Confirmar(<?=$dados->id;?>)">Excluir</a>

Function

<script>
var base_url = '<?php echo base_url() ?>';

function Confirmar(id_registro) {
    bootbox.confirm({
        message: 'Confirma a exclusão do registro?',
        callback: function (confirmacao) {

            if (confirmacao) {
                $.post(base_url + 'index.php/ProspectoCrmController/deletar',{
                    id_registro: id_registro
                }, 'json');
                bootbox.alert('Registro excluído com sucesso.');
            }else {
                bootbox.alert('Operação cancelada.');
            }

        },
        buttons: {
            cancel: {label: 'Cancelar', className: 'btn-default'},
            confirm: {label: 'EXCLUIR', className: 'btn-danger'}

        }
    });
}

What is going on? the id passed by the delete button, arrives without errors in the confirm function, but in $.post(base_url... is not passing, enough in the controller but without the id

Answer 1

Do it this way:

HTML:

<div class="modal fade" id="confirma-deletar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Alerta</h4>
            </div>

            <div class="modal-body">
                <p>Você realmente deseja deletar este registro?</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <a class="btn btn-danger btn-ok">Sim, quero deletar!</a>
            </div>
        </div>
    </div>
</div>

EXCLUSION BUTTON:

<button type="button" class="btn btn-default btn-xs" name="deletar" data-toggle="modal" data-target="#confirma-deletar" data-href="<? echo base_url("assistenciatecnica/deletando/".$valor->ass_id); ?>" data-id="<?php echo $valor->ass_id; ?>">DELETAR</button></a></button>

JQUERY:

$('#confirma-deletar').on('show.bs.modal', function(e) {
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

DELETING METHOD:

function deletando($id){
    $retorno = $this->model_implantacao->deletar($id);
    if($retorno==true){
        $this->session->set_flashdata('sucesso', 'Registro deletado com sucesso!');
    }else{
        $this->session->set_flashdata('error', 'Erro ao deletar registro!');
    }
    echo redirect(base_url("implantacao"));
}

That way, when you click the DELETE button, you will search for the modal, and with this, when you click OK it will direct to the href of the button, calling the method in question.

In the case of your question, I’d do it this way:

if(confirmacao){
    $.ajax({
        type: "json",
        url: base_url + "index.php/ProspectoCrmController/deletar",
        data: {id_registro:id_registro},
        success: function(data){
            bootbox.alert('Registro excluído com sucesso.');
        }
    }); 
} else {
    bootbox.alert('Operação cancelada.');
}

Changing the part of if(confirmation)

Answer 2

Oops, good night, updated my answer a few times, see if it helps you...

FIRST OF ALL, HERE IN

$.post(base_url + .. bla bla bla

shouldn’t be

$.post(base_url() + bla bla bla ?? faltou o () no base_url() né?

Otherwise..

First, trying to chase the error, put Alert(id_record), to see if you received the parameter correctly, like this, :

function Confirmar(id_registro) {
    alert(id_registro);
bootbox.confirm({

Then I would try to write differently, because sometimes it’s easier that try to find the error.

Try one of these changes:

<a id='bt-confirma' class="btn btn-primary" onclick="javascript:">Excluir</a>

or

<button id='bt-confirma' class="btn btn-primary">Excluir</a>

There instead of using the function make use of the Jquery System:

$(document).ready(function(){        
    $('#bt-confirma').click(function(e){
        e.preventDefault();
        var id = $('#id_registro').val();
        $.ajax({
            type: "post", //tenho costume de usar post e alterar o data
            url: base_url('index.php/ProspectoCrmController/deletar') ,
            data: 'id_registro='+id, //sei que parece da idade da pedra, mas...
            success: function(data){
                bootbox.alert('Registro excluído com sucesso.');
            }
        }
    });
});