Using hyphenated HTML attributes in MVC

Question

Consider the following valid razor HTML helper code:

@Html.TextBoxFor(m => m.Name, new { @class = "form-control", placeholder="Select..." })

However, there are some libraries that I'm using, that uses hyphenated attributes such as this:

<select class="form-control select2me" data-placeholder="Select...">

When I try to do this:

@Html.TextBoxFor(m => m.Name, new { @class = "form-control", data-placeholder="Select..." })

I get this error:

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

How can I use hyphenated attributes in razor synax?

Duplicate of http://stackoverflow.com/questions/2897733/hyphenated-html-attributes-with-asp-net-mvc - refer to that for your answer — TheGeekZn, May 08 '14 at 08:35

score 3 · Accepted Answer · answered May 08 '14 at 08:35

3

Use an underscore _ - the Razor engine is smart enough to translate that to a data- attribute.

answered May 08 '14 at 08:35

Tieson T.

20,774
6
77
92

score 0 · Answer 2 · edited May 23 '17 at 12:22

0

From This answer:

Use an underscore in the data attribute name, and it'll magically handle it for you, converting it to a hyphen. It knows you want a hyphen rather than an underscore as underscores aren't valid in html attributes.

<%= Html.TextBox("name", value, new { @data_foo = "bar"}) %>

edited May 23 '17 at 12:22

Community

1
1

answered May 08 '14 at 08:36

TheGeekZn

3,696
10
55
91

Using hyphenated HTML attributes in MVC

2 Answers2