Sunday, 17 January 2021

 117.ajax delete using modal in codeigniter

<a class="btn btn-default org_del_<?php  echo $r->org_id;?>" href="#"  id="<?php  echo $r->org_id;?>" onclick="deleteorg(<?php  echo $r->org_id;?>)">Delete</a>


before footer

<!-- delete 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">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
                </div>
            
                <div class="modal-body">
                    <p>You are about to delete one track, this procedure is irreversible.</p>
                    <p>Do you want to proceed?</p>
                    <p class="debug-url"></p>
                </div>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <a class="btn btn-danger btn-ok" onclick="confirmdelete()">Delete</a>
                </div>
            </div>
        </div>
    </div>
<!-- end delete modal -->


js
function deleteorg(id){
$('#confirm-delete').modal('show');

$(".btn-ok").click(function(){

   $.ajax({         
      url: "<?php echo base_url(); ?>" + "User/org_del_ajax",
      data : {org_id:id},
      dataType: 'json',
      type: 'POST',      

      error: function() {
         alert('Something is wrong');
      },
      success: function (data) {
          jQuery('.org_'+id).remove();
          $('#confirm-delete').modal('hide');
            },
   });

});

}


controller
    public function org_del_ajax()
    {
        
    $orgid=$this->input->post('org_id');

    $result=$this->db->delete('tb_organizations'array('org_id' => $orgid));

    echo json_encode($result);
    
    }

No comments:

Post a Comment