MVC ActionLink html attributes

Question

I want to use ActionLink instead of plain html to popup my modal window but its working fine with plain html tag but not with MVC actionlink please have a look below.

from: (working)

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

to: (error)

@Html.ActionLink("Edit", "Edit", null, new { id = @item.Id }, new { @data-toggle="modal", @data-target="#myModal" })

Invalid anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access.

You need to use the underscore character - new { data_toggle="modal", data_target="#myModal" } — user3559349
– user3559349, Commented Jul 3, 2015 at 3:31

user3559349 · Accepted Answer · 2015-07-03 03:41:16Z

You need to use the underscore character instead or the hyphen character in the attribute name (the html helper will output the html correctly). Note also the @ character is not required (its only necessary when using a reserved word, e.g. class or readonly)

@Html.ActionLink("Edit", "Edit", null, new { id = @item.Id }, new { data_toggle="modal", data_target="#myModal" })

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

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

Collectives™ on Stack Overflow

MVC ActionLink html attributes

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related