How do you create html attributes with dashes when declaring html helpers in MVC?

Question

How can I, for example, create a data-bind attribute when I declare and Html.TextboxFor helper?

Doing simply:

@Html.TextBoxFor(model => model.SomeProperty, new { data-bind="something" })

is not legitimate because of the naming issue with a dash "-" symbol. Is there a way around this issue or is it just not possible to pass html attributes with names containing dashes?

NOTE: I tried slapping the @ (this helps if you want to pass an atrribute that matches C# reserved words like "class") in front of the attribute but that didn't do the trick...

Yes. Duplicate of Html5 data-* with asp.net mvc TextboxFor html attributes or Hyphenated html attributes with asp.net mvc. — Zabavsky
– Zabavsky, Commented Nov 1, 2013 at 15:47
your first one. don't get me wrong, it's very helpful and it is correct. the site philosophy though would like this question to be politely closed and redirected to one of the existing duplicates as it doesn't really add much to the canon of razor knowledge... — dove
– dove, Commented Nov 1, 2013 at 15:56

Henk Mollema · Accepted Answer · 2013-11-01 15:47:06Z

20

You can use underscores (_) for that, MVC will convert them to dashes:

@Html.TextBoxFor(model => model.SomeProperty, new { data_bind = "something" })

Notice the data_bind property.

answered Nov 1, 2013 at 15:47

Henk Mollema

46.9k12 gold badges101 silver badges107 bronze badges

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

Collectives™ on Stack Overflow

How do you create html attributes with dashes when declaring html helpers in MVC?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related