Delete using Partial

Question

Hi, I have below code . Can delete part be called thry Partial View so i have to write it every Controller View. I want marked part to be called thru Partial View @foreach (var item in Model.Locations) { @Html.DisplayFor(model => item.Id) @Html.DisplayFor(model => item.Description) @if(item.IsActive) { } else { } Edit @if (item.IsActive) { data-target="#DeleteModal-@item.Id" style='margin-left:5px'> Delete } else { Delete } @using (Html.BeginForm("DeleteLocation", "Location", new { id = item.Id }, FormMethod.Post, null)) { @Html.AntiForgeryToken() @* × Close *@ Delete Confirmation Are you sure you want to delete this record ? Cancel Delete } } Thanks

Sachin Singh · Answer

yes sure. Step 1. paste the below code inside a partial view. @ using (Html.BeginForm( "DeleteLocation" , "Location" , new { id =ViewBag.Id }, FormMethod.Post, null)) { @Html.AntiForgeryToken() class = "modal" tabindex= "-1" role= "dialog" id= "DeleteModal > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > @* "button" class = "close" data-dismiss= "modal" > "true" >× class = "sr-only" >Close *@ class = "modal-danger" >Delete Confirmation class = "modal-body" > Are you sure you want to delete this record ? class = "modal-footer" > "button" class = "btn btn-secondary" data-dismiss= "modal" >Cancel "submit" class = "btn btn-danger" >Delete } Note:- I am using ViewBag.Id and Modal Id is simple DeleteModal step 2. Remove the data toggle from anchor tag and use data-Id @ if (item.IsActive) { btnDelete class = "btn btn-danger btn-sm btnDelete " data-Id= "@item.Id" style= 'margin-left:5px' > class = 'fa fa-trash' > Delete } else { class = 'btn btn-danger btn-sm disabled' id= 'btnDelete' style= 'margin-left:5px' > class = 'fa fa-trash' > Delete } step 3. create one method to return the above partial view. public ActionResult DeletePartial( int Id) { ViewBag.Id= Id; return PartialView( "_DeletePartial" ); } step 4. On delete click first call the partial view then open the modal popup. Note:- myDiv in the below code is just a blank div anywhere in the view. $( ".btnDelete" ).click(function(){ int Id= $( this ).attr( "data-Id" ); $.Post( "/Controller/DeletePartial?Id=" +Id,function(data){ $( "#myDiv" ).html(data); }) $( "#DeleteModel" ).Modal( 'Open' ); });

Arnab Mukherjee · Answer

Action // GET: EmployeeController/Delete/5 public async Task Delete( int id) { Employee objEmp = new Employee(); EmployeeViewModel objViewModel = new EmployeeViewModel(); if (id > 0) { objEmp = await _empRepo.Get(id); objViewModel.EmpName = objEmp.EmpName; } return PartialView( "_Delete" , objViewModel); } // POST: EmployeeController/Delete/5 [HttpPost] [ValidateAntiForgeryToken] public async Task Delete( int id, EmployeeViewModel collection) { int result = 0; Employee objEmp = new Employee(); EmployeeViewModel objViewModel = new EmployeeViewModel(); try { if (id> 0) { objEmp = await _empRepo.Get(id); if (!objEmp.IsDeleted) { result = await _empRepo.Delete(objEmp); if (result > 0) { ViewBag.Alert = CommonServices.ShowAlert(Alerts.Success, "Record Deleted" ); } else ViewBag.Alert = CommonServices.ShowAlert(Alerts.Danger, "Unknown error" ); } } return RedirectToAction(nameof(Index), new { alert = ViewBag.Alert }); } catch (Exception ex) { return View(); } } PartialView @model Sample_Code.Models.EmployeeViewModel @{ ViewData["Title"] = "Delete"; // Layout = "~/Views/Shared/_Layout.cshtml" ; } div class = "modal-content" > div class = "modal-header" > h4 class = "modal-title" > Edit Employee h4 > button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > span aria-hidden = "true" > × span > button > div > div class = "container" > form asp-controller = "Employee" asp-action = "Delete" method = "post" > div class = "modal-body form-horizontal" > Are you want to delete @Model.EmpName ? div > div class = "form-group" > @Html.Raw(@ViewBag.Alert) div > div class = "modal-footer" > button data-dismiss = "modal" id = "cancel" class = "btn btn-default" type = "button" > Cancel button > button class = "btn btn-success relative" id = "btnSubmit" type = "submit" > i class = "loader" > i > Submit button > div > @* div class = "form-group" > input type = "submit" value = "Save" class = "btn btn-primary" /> div > *@ form > div > div > JavaScript: https://github.com/ArnabMSDN/ASP.NET-Core-Sample/blob/main/Sample-Code/Sample-Code/wwwroot/js/site.js

Sachin Singh · Answer

Why do you need to create this method in every controller ? just pass the same controller and action name from every view along with the id.

Sachin Singh · Answer

partial view inside foreach loop doesn't make sense. I will say it is wrong. you should call the partial view on delete click using ajax.

Ramco Ramco · Answer

Hi Sachin Table will be different . IN below example it is Customer . IN other case table may be different public ActionResult DeleteCustomer(string Id) { int result = dbCustomer.Delete(Id); if (result == 1) { TempData["Message"] = "Successfully Deleted."; } else { TempData["Message"] = "Something went wrong."; } return RedirectToAction("Index"); }

Ramco Ramco · Answer

Hi Arnab Is it possible to use the code for all Delete in different controllers. don't want to write for each Controller Delete method Thanks

Ramco Ramco · Answer

Hi Sachin Can u pls Help with Code. Thanks