Using "data-toggle" with Html.ActionLink

Question

I want to use "data-toggle" wiht actionLink. Like this;

 Html.ActionLink("Delete", "Users", "Admin", new { item.UserId , strRole = strRole }, new { id = "cmdDelete", href="#myAlert",  data-toggle="modal" })

Unfortunately, doesn't accept. How can i use "data-toggle" like standart links?

Nickvda · Accepted Answer · 2013-01-28 14:48:36Z

88

You can't. But there is a simple work-around. What you do is, replace the - with a _. During runtime it will get converted to a dash (-). So;

Html.ActionLink("Delete", "Users", "Admin", new { item.UserId , strRole = strRole }, new { id = "cmdDelete", href="#myAlert",  data_toggle="modal" })

answered Jan 28, 2013 at 14:48

Nickvda

1,6051 gold badge17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nickvda Over a year ago

Yes :) MVC 3,5 at least.

Rapscallion Over a year ago

Brilliant, just what I needed.

Anderson Costa · Accepted Answer · 2017-07-28 18:11:07Z

6

     @Html.ActionLink("TextLink", "ActionName", new { id = id }, new { @class = "btn btn-primary", data_toggle = "modal", data_target="#exampleModal" })

answered Jul 28, 2017 at 18:11

Anderson Costa

891 silver badge4 bronze badges

Comments

Dharman · Accepted Answer · 2021-09-21 14:29:17Z

0

Add the action link simply as follows :

Html.ActionLink("Delete", "Users", "Admin", new { item.UserId , strRole = strRole }, new { id = "cmdDelete" })

then Use Jquery as follows :

$(document).ready(function () {
    $('#cmdDelete').attr('data-target', '#myAlert');
    $('#cmdDelete').attr('data-toggle', 'modal');
});

edited Sep 21, 2021 at 14:29

Dharman♦

34k27 gold badges106 silver badges157 bronze badges

answered Sep 21, 2021 at 14:23

BNG016

3303 silver badges7 bronze badges

Comments

RainyTears · Accepted Answer · 2023-07-05 11:50:22Z

0

Please replace data-toggle to data_toggle

Html.ActionLink("Delete", "Users", "Admin", new { item.UserId , strRole = strRole }, new { id = "cmdDelete", href="#myAlert",  data_toggle="modal" })

answered Jul 5, 2023 at 11:50

RainyTears

1991 silver badge5 bronze badges

Collectives™ on Stack Overflow

Using "data-toggle" with Html.ActionLink

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related