Am using sweetalert in MVC application but is not working

Emmmanuel FIADUFE

HTML PAGE

Home Controller

public ActionResult Delete(int CategoryId)
{
try
{
ASPNETMASTERPOSTEntities db = new ASPNETMASTERPOSTEntities();
var categories = db.tblCategories.Find(CategoryId);
db.tblCategories.Remove(categories);
db.SaveChanges();
return Json(true, JsonRequestBehavior.AllowGet);
}
catch (Exception)
{
return Json(false, JsonRequestBehavior.AllowGet);
}

}

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vishal Joshi3y ago

Accepted answer

Hello

Place your code for deleting category code at the parent level.

Example:

$(document).ready(function() {
  function Delete(CategoryId) {
     swal({
       title: "Are you sure?",
       text: "You will not be able to recover this imaginary file!",
       type: "warning",
       showCancelButton: true,
       confirmButtonClass: "btn-danger",
       confirmButtonText: "Yes, delete it!",
       cancelButtonText: "No, cancel plx!",
       closeOnConfirm: false,
       closeOnCancel: false
     },
     function(isConfirm) {
       if (isConfirm) {
         $.get("/Home/Delete", { CategoryId: CategoryId }, function (res) {
          if (res) {
            dataTable.ajax.reload();
			swal("Deleted!", "Your record has been deleted.", "success");		
          }
        })
        } else {
            swal("Cancelled", "Your imaginary file is safe :)", "error");
        }
    });
})

Thanks

Emmmanuel FIADUFE3y ago
I re write it serverally but not working, the same error messsage. "Uncaught ReferenceError: Delete is not defined
at HTMLAnchorElement.onclick (Category:1:1)"

$(function () {

function Delete(CategoryId) {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "No, cancel plx!",
closeOnConfirm: false,
closeOnCancel: false
},
function (isConfirm) {
if (isConfirm) {
$.get("/Home/Delete", { CategoryId: CategoryId }, function (res) {
if (res) {
dataTable.ajax.reload();
}
})

swal("Deleted!", "Your record has been deleted.", "success");

} else {
swal("Cancelled", "Your record is safe :)", "error");
}

});

}

});
}
Emmmanuel FIADUFE3y ago
Hello Schin, I used your code but this is the error message am getting.

Uncaught ReferenceError: Delete is not defined
at HTMLAnchorElement.onclick (Category:1:1)

Sachin Singh3y ago

yes, error is correct.

Place your delete inside ready function.

$(function(){

function Delete(CategoryId) {
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false
            },
        function(isConfirm) {
        if (isConfirm) {
            swal("Deleted!", "Your record has been deleted.", "success");
            $.get("/Home/Delete", { CategoryId: CategoryId }, function (res) {
                            if (res) {
                                dataTable.ajax.reload();
                            }
                        })
        } else {
            swal("Cancelled", "Your imaginary file is safe :)", "error");
        }
    });

 
})

Or, you can also place the function at the bottom of your page both will work.

Emmmanuel FIADUFE3y ago
The error message says Delete not define