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?

score 87 · Answer 1 · answered Jan 28 '13 at 14:48

87

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 '13 at 14:48

Nickvda

1,585
1
16
27

Yes :) MVC 3,5 at least. – Nickvda Nov 11 '14 at 15:34
1

Yes, Worked for me , Thank You – Nitin... Jul 19 '16 at 10:24
1

Brilliant, just what I needed. – Rapscallion Mar 01 '17 at 10:31

score 6 · Answer 2 · answered Jul 28 '17 at 18:11

6

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

answered Jul 28 '17 at 18:11

Anderson Costa

79
1
4

score 0 · Answer 3 · edited Sep 21 '21 at 14:29

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 '21 at 14:29

Dharman

30,962
25
85
135

answered Sep 21 '21 at 14:23

BNG016

164
1
7

score 0 · Answer 4 · answered Jul 05 '23 at 11:50

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 05 '23 at 11:50

RainyTears

171
4

Using "data-toggle" with Html.ActionLink

4 Answers4

Linked