How To Show Confirm Alert Box on ActionLink Click in ASP.NET MVC

Many times we need show confirm alert box while deleting ,saving and editing information in MVC application .The beauty of MVC is pure html and we can bind records using HTML table tag , Before deleting any records we need to show the confirm box , So let's see how we can achieve it without writing javascript or JQuery code .
Let us consider following html table 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
Copyright © Compilemode