Delete Selected Rows From Grid With Confirmation Message In MVC 5

Ajay Gandhi

10y35.1k13100Article

ASP.NET jQuery MVC 5Confirmation Message in MVC 5

13 Comments

Join the conversation! Your thoughts help the community grow.

Humayun Kabir Mamun10y ago
Nice...
Sibeesh Venu10y ago
Nice Share
Gowtham K10y ago
Good One, Thanks for sharing it
Banketeshvar Narayan10y ago
Nice Share
Santhakumar Munuswamy10y ago
Thanks for nice article
Ankur Mistry10y ago
Helpful stuff
Sabyasachi Mishra10y ago
Nice one
Ajay Gandhi10y ago
Thanks everyone
Humayun Kabir Mamun10y ago
Nice...
Rakesh Kalluri10y ago
Good Share
Raja T10y ago
Nice, Thanks for sharing
Upendra Pratap Shahi10y ago
nice one
Shridhar Sharma10y ago
nice share sir.

Here are the steps,

Step 1: Create a basic project MVC with Controller, Model and View.

Step 2: Include required query libraries.

Step 3: Add grid with required column and also mention the Controller and Action to be called on button click. Add the button as well and also add Confirmation message.

Code

@using (Html.BeginForm("DeleteSelected", "GetStudents", FormMethod.Post))
{
<div>
@grid.GetHtml(
tableStyle: "gridtable",
columns:
grid.Columns
(
grid.Column(format:@<text><input type="checkbox" name="ids" value="@item.ID" /></text>, header: "Select"),
grid.Column("ID", "Stud ID"),
grid.Column("Name", "Stud Name"),
grid.Column("Class", "Class"),
grid.Column("Section", "Section"),
grid.Column("Address", "Address"),
grid.Column("Email", "Email"),
grid.Column("Percentage", "Percentage")
), mode: WebGridPagerModes.Numeric)
</div>
<input type="submit" value="Delete Selected Students" onclick = "return confirm('Are you sure you wish to delete selected Students?');" />
}

Step 4: Add the action code. Add linq that if selected rows are present remove those.

Note: I haven’t use any database call. You may use database in that case you must use deleted from db call.

My action is as below:

public ActionResult DeleteSelected(string[] ids)
{
if (ids == null || ids.Length == 0)
{
StudentDetailsModel objuserloginmodel = TempData["formData"] as StudentDetailsModel;
TempData["formData"] = objuserloginmodel;
return View("Index", objuserloginmodel);
}
List < int > UserIds = ids.Select(x => Int32.Parse(x))
.ToList();
StudentDetailsModel _objuserloginmodel = TempData["formData"] as StudentDetailsModel;
_objuserloginmodel.Studentmodel = _objuserloginmodel.Studentmodel.Where(a => !UserIds.Contains(a.Id))
.ToList();
TempData["formData"] = _objuserloginmodel;
return View("Index", _objuserloginmodel);
}

Step 5: Build application and run it. You will find it as in the following screenshot,

index

Hope you will understand how we can delete rows from grid. Added code will help you to understand in more detail.