Remove ActionLink using confirmation dialog

Question

I am trying to implement a simple ActionLink that will delete records using ASP.NET MVC. This is what I still have:

 <%= Html.ActionLink("Delete", "Delete", new { id = item.storyId, onclick = "return confirm('Are you sure?');" })%> 

However, it does not show a confirmation window. It is clear that I missed something or built the link incorrectly. Can anyone help?

Answer 1

Do not confuse routeValues with htmlAttributes . You probably want this overload :

 <%= Html.ActionLink( "Delete", "Delete", new { id = item.storyId }, new { onclick = "return confirm('Are you sure you wish to delete this article?');" }) %> 

Answer 2

these are the routes that you go to

 <%= Html.ActionLink("Delete", "Delete", new { id = item.storyId }, new { onclick = "return confirm('Are you sure you wish to delete this article?');" }) %> 

The overloaded method you are looking for is the following:

 public static MvcHtmlString ActionLink( this HtmlHelper htmlHelper, string linkText, string actionName, Object routeValues, Object htmlAttributes ) 

http://msdn.microsoft.com/en-us/library/dd492124.aspx

Answer 3

 <%= Html.ActionLink("Delete", "Delete", new { id = item.storyId }, new { onclick = "return confirm('Are you sure you wish to delete this article?');" }) %> 

The above code only works for Html.ActionLink.

For

Ajax.ActionLink

use the following code:

 <%= Ajax.ActionLink(" ", "deleteMeeting", new { id = Model.eventID, subid = subItem.ID, fordate = forDate, forslot = forslot }, new AjaxOptions { Confirm = "Are you sure you wish to delete?", UpdateTargetId = "Appointments", HttpMethod = "Get", InsertionMode = InsertionMode.Replace, LoadingElementId = "div_loading" }, new { @class = "DeleteApointmentsforevent" })%> 

The Confirm option specifies the javascript confirmation flag.

Answer 4

You can also customize by passing a delete item along with the message. In my case using MVC and Razor, so I could do this:

 @Html.ActionLink("Delete", "DeleteTag", new { id = t.IDTag }, new { onclick = "return confirm('Do you really want to delete the tag " + @t.Tag + "?')" }) 

Answer 5

Try the following:

 <button> @Html.ActionLink(" ", "DeletePhoto", "PhotoAndVideo", new { id = item.Id }, new { @class = "modal-link1", @OnClick = "return confirm('Are you sure you to delete this Record?');" })</button> 

Answer 6

Using webgrid you can find it here , links to actions can look like this.

  grid.Column(header: "Action", format: (item) => new HtmlString( Html.ActionLink(" ", "Details", new { Id = item.Id }, new { @class = "glyphicon glyphicon-info-sign" }).ToString() + " | " + Html.ActionLink(" ", "Edit", new { Id = item.Id }, new { @class = "glyphicon glyphicon-edit" }).ToString() + " | " + Html.ActionLink(" ", "Delete", new { Id = item.Id }, new { onclick = "return confirm('Are you sure you wish to delete this property?');", @class = "glyphicon glyphicon-trash" }).ToString() ) 

Answer 7

With image and confirmation of deletion that works on mozilla firefox

 <button> @Html.ActionLink(" ", "action", "controller", new { id = item.Id }, new { @class = "modal-link1", @OnClick = "return confirm('Are you sure you to delete this Record?');" })</button> <style> a.modal-link{ background: URL(../../../../Content/Images/Delete.png) no-repeat center; display: block; height: 15px; width: 15px; } </style> 

Answer 8

MVC5 with delete dialog and glyph. Previous versions may work.

 @Html.Raw(HttpUtility.HtmlDecode(@Html.ActionLink(" ", "Action", "Controller", new { id = model.id }, new { @class = "glyphicon glyphicon-trash", @OnClick = "return confirm('Are you sure you to delete this Record?');" }).ToHtmlString())) 

Answer 9

Any click before before event for updating / editing / deleting entries warns the user, and if "Ok" goes to action, then "cancel" remains unchanged. There is no need to edit separate java script code for this code. he works for me

<a asp-action="Delete" asp-route-ID="@Item.ArtistID" onclick = "return confirm('Are you sure you wish to remove this Artist?');">Delete</a>

Answer 10

You can also try this for Html.ActionLink DeleteId