Show Confirm Alert Box

Before deleting records we need show confirm alert box to ensure something should not delete or edit the records accidently. Let us consider following html table which has list of records

<table class="table">
 <tr>
 <th>
 @Html.DisplayNameFor(model => model.Name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.City)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Address)
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)

    {
        @Html.HiddenFor(model => item.Empid)
        <tr>
           <td>
                @Html.DisplayFor(modelItem => item.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.City)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Address)
            </td>
            <td>
              @Html.ActionLink("Edit", "EditEmpDetails", new { id = item.Empid }) |
               @Html.ActionLink("Delete", "DeleteEmp", new { id = item.Empid }
               )
         </td>
        </tr>
  }
</table>
Now to show alert box just modify the ActionLink in view are as follows
@Html.ActionLink("Delete", "DeleteEmp", new { id = item.Empid },
new { onclick = "return confirm('Are sure wants to delete?');" })
In the above ActionLink
  • Delete is the ActionLink Name.  
  • DeleteEmp is the ActionResult name .
  • EmpId is the unquie id from which specific records are deleted. 
After clicking on delete button the alert box will be shown are as follows


I hope from all preceding examples , you have learned how to show alert box Action Link click in ASP.NET MVC.

Summary

I hope this article is useful for all readers. If you have any suggestion then please contact me.

Post a Comment

www.CodeNirvana.in

Protected by Copyscape Online Copyright Protection
Copyright © Compilemode