pass extra attribute in @html.textboxFor - ASP.NET

Question

I am trying to pass extra attribute 'data_id 'in @HTML.TextBoxFor... but I am getting no result

what I am missing in following code...

  @Html.TextBoxFor(model => model._MarkScheme.MarkSchemeId, new { id = "_MarkSchemeId_Input", @class = "ElementMarkingSchemeTitle k1-grid-input k-textbox_3", data_id =  @item.ElementID + "EMST"})

Many Thanks

By "no result" you mean there is no such attribute in the final HTML? — Andrei
– Andrei, Commented Mar 21, 2014 at 12:11
Are you expecting to see data_id or data-id? Do you see other attributes? — dkozl
– dkozl, Commented Mar 21, 2014 at 12:13

xdumaine · Accepted Answer · 2014-03-21 12:14:20Z

3

Underscores aren't valid in HTML attribute names so Razor converts it to a hyphen. This will render with a data-id attribute.

answered Mar 21, 2014 at 12:14

xdumaine

10.4k7 gold badges65 silver badges107 bronze badges

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

Comments

Murali Murugesan · Accepted Answer · 2014-03-21 12:28:15Z

2

HTML 5 data-* attributes are expected to be data_* in ASP.Net MVC view engine to render it.

HTML syntax

<input type="text" data-my-id="5" value="something" />

MVC syntax

@Html.TextBoxFor(model => model.Name, new {[email protected]})

Your case it is data-id

answered Mar 21, 2014 at 12:28

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Collectives™ on Stack Overflow

pass extra attribute in @html.textboxFor - ASP.NET

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related