So fügen Sie Modal beim Löschen hinzu

Question

So fügen Sie eine Modellklasse zum Löschen hinzu.

Für jetzt bekomme ich Standard bestätigen Dialogfeld, aber ich möchte verschiedene modale Box in PHP CodeIgniter.

function delete_data(id, type) { 
    var r = confirm("<?php echo $this->lang->line('delete_confirmation'); ?>"); 
    if (r == true) { 
     // var type = $('#type').val(); 
     $.ajax({ 
      url: "<?php echo BASE_URL . 'admin/delete'; ?>", 
      type: 'POST', 
      data: 'id=' + id + '&type=' + type, 
      success: function (data) { 
       if (data == 1) { 
        Materialize.toast('delete_success', 'top left', 'green', "<?php echo ('deleted_successfully'); ?>"); 
        //window.location='<?php echo BASE_URL; ?>'+'admin/student_list'; 
        location.reload(); 
       } else { 
        Materialize.toast('delete_error', 'top left', 'red', "<?php echo ('delete_error'); ?>"); 
       } 
      } 
     }) 
    } else { 
    } 
} 

<a href="#" onclick="delete_data(<?php echo $row['id'];?>,'student');" class="btn-floating red darken-2"><i class="material-icons right">close</i></a> 

Answer 1

Sie könnten dies versuchen. Ich habe den Code aus der Materialise Thema Website

http://demo.geekslabs.com/materialize-v1.0/advanced-ui-sweetalert.html

und Cut-n-klebte zusammen mit Ihrer Funktion oben.

Warum ja, es ist völlig ungetestet. =)

function delete_data(id, type) { 

    swal({ 
     title: "Are you sure?", 
     text: "You will not be able to recover this imaginary file!", 
     type: "warning", 
     showCancelButton: true, 
     confirmButtonColor: '#DD6B55', 
     confirmButtonText: 'Yes, delete it!', 
     cancelButtonText: "No, cancel plx!", 
     closeOnConfirm: false, 
     closeOnCancel: false 
    }, 
    function(isConfirm){ 
     if (isConfirm){ 
      $.ajax({ 
       url: "<?php echo BASE_URL . 'admin/delete'; ?>", 
       type: 'POST', 
       data: 'id=' + id + '&type=' + type, 
       success: function (data) { 
        if (data == 1) { 
         swal("Deleted!", "Your imaginary file has been deleted!", "success"); 

       // Materialize.toast('delete_success', 'top left', 'green', "<?php echo ('deleted_successfully'); ?>"); 
       //window.location='<?php echo BASE_URL; ?>'+'admin/student_list'; 
         location.reload(); 
        } else { 
         swal("Cancelled", "Your imaginary file is safe :)", "cancel"); 
       // Materialize.toast('delete_error', 'top left', 'red', "<?php echo ('delete_error'); ?>"); 
        } 
       } 
      }) 

     } else { 

      swal("Cancelled", "Your imaginary file is safe :)", "cancel"); 
     } 
    }); 
}); 

Auch ist dieser Code aus dem Thema Website Materialise und buchstäblich wie gezeigt, nur in einem jQuery-Ereignis-Listener gewickelt.

$('.btn-warning-cancel').click(function(){ 
    swal({ 
     title: "Are you sure?", 
     text: "You will not be able to recover this imaginary file!", 
     type: "warning", 
     showCancelButton: true, 
     confirmButtonColor: '#DD6B55', 
     confirmButtonText: 'Yes, delete it!', 
     cancelButtonText: "No, cancel plx!", 
     closeOnConfirm: false, 
     closeOnCancel: false 
    }, 
    function(isConfirm){ 
     if (isConfirm){ 
      swal("Deleted!", "Your imaginary file has been deleted!", "success"); 
     } else { 
      swal("Cancelled", "Your imaginary file is safe :)", "error"); 
     } 
    }); 

});