Delete ActionLink with confirm dialog

Question

I'm trying to implement a simple ActionLink that will delete records using ASP.NET MVC. This is what I have so far:

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

However, it doesn't show the confirm box. Clearly I'm missing something or I have incorrectly built the link. Can anyone help?

score 219 · Accepted Answer · answered Jan 13 '11 at 16:00

219

Don't 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?');" }) 
%>

answered Jan 13 '11 at 16:00

Darin Dimitrov

1,023,142
271
3,287
2,928

18

Avoid deleting records upon GET request! http://stackoverflow.com/questions/786070/why-should-you-delete-using-an-http-post-or-delete-rather-than-get – user1068352 Dec 26 '12 at 21:47
7

Poor implementation. Don't modify the server data on GET – Dan Hunex Apr 15 '13 at 19:12
surely it should be: new { id = item.storyId, onclick = "return confirm('Are you sure you wish to delete this article?');" }) – Ravendarksky Mar 29 '16 at 15:48
If we are not suppose to delete using get then how to via Action link using POST? – Unbreakable Aug 20 '17 at 06:37
1

Call to $.Ajax if the confirm is YES ? – Kiquenet Apr 10 '19 at 14:37

score 15 · Answer 2 · answered Mar 11 '13 at 08:55

<%= 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 javascript confirm box.

score 15 · Answer 3 · answered Jan 13 '11 at 16:00

those are routes you're passing in

<%= 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're looking for is this one:

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

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

score 5 · Answer 4 · answered Feb 12 '15 at 14:39

5

You can also customize the by passing the 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 + "?')" })

answered Feb 12 '15 at 14:39

Nick Kahn

19,652
91
275
406

How would one localize that confirm message the easiest way? – DanDan May 26 '21 at 21:01

score 4 · Answer 5 · edited Feb 24 '16 at 01:14

4

Try this :

<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>

edited Feb 24 '16 at 01:14

John Slegers

45,213
22
199
169

answered Feb 23 '16 at 12:32

GirishBabuC

1,267
15
20

score 3 · Answer 6 · answered Sep 24 '17 at 11:36

Using webgrid you can found it here, the action links could look like the following.

    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()
                )

score 1 · Answer 7 · edited Feb 23 '16 at 13:17

With image and confirmation on delete, which 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>

score 1 · Answer 8 · answered Feb 25 '20 at 22:38

I wanted the same thing; a delete button on my Details view. I eventually realised I needed to post from that view:

@using (Html.BeginForm())
        {
            @Html.AntiForgeryToken()
            @Html.HiddenFor(model => model.Id)
            @Html.ActionLink("Edit", "Edit", new { id = Model.Id }, new { @class = "btn btn-primary", @style="margin-right:30px" })

            <input type="submit" value="Delete" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this record?');" />
        }

And, in the Controller:

 // this action deletes record - called from the Delete button on Details view
    [HttpPost]
    public ActionResult Details(MainPlus mainPlus)
    {
        if (mainPlus != null)
        {
            try
            {
                using (IDbConnection db = new SqlConnection(PCALConn))
                {
                    var result = db.Execute("DELETE PCAL.Main WHERE Id = @Id", new { Id = mainPlus.Id });
                }
                return RedirectToAction("Calls");
            } etc

score 0 · Answer 9 · answered Dec 21 '18 at 12:28

MVC5 with delete dialogue & glyphicon. May work previous versions.

@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()))

score -1 · Answer 10 · answered Oct 25 '17 at 07:44

Any click event before for update /edit/delete records message box alerts the user and if "Ok" proceed for the action else "cancel" remain unchanged. For this code no need to right separate java script code. it 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>

score -2 · Answer 11 · answered Jul 30 '14 at 19:44

-2

You can also try this for Html.ActionLink DeleteId

answered Jul 30 '14 at 19:44

Innocent Zondo

1

3

Can you explain this answer a little bit? Maybe provide a code snippet that demonstrates your suggestion or describe where in the the OP's code this should go? – skrrgwasme Jul 30 '14 at 20:06

Delete ActionLink with confirm dialog

11 Answers11

Linked