Html5 data-* with asp.net mvc TextboxFor html attributes

Question

How do I add data-* html attributes using TextboxFor?

This is what I currently have:

@Html.TextBoxFor(model => model.Country.CountryName, new { data-url= Url.Action("CountryContains", "Geo") })

As you see, the - is causing a problem here data-url. Whats the way around this?

possible duplicate of Hyphenated html attributes with asp.net mvc — MakingItUp
– MakingItUp, Commented Jan 16, 2014 at 8:47

Darin Dimitrov · Accepted Answer · 2011-01-30 16:49:47Z

443

You could use underscore (_) and the helper is intelligent enough to do the rest:

@Html.TextBoxFor(
    model => model.Country.CountryName, 
    new { data_url = Url.Action("CountryContains", "Geo") }
)

And for those who want to achieve the same in pre ASP.NET MVC 3 versions they could:

<%= Html.TextBoxFor(
    model => model.Country.CountryName, 
    new Dictionary<string, object> { 
        { "data-url", Url.Action("CountryContains", "Geo") } 
    }
) %>

answered Jan 30, 2011 at 16:49

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

8 Comments

Rookian Over a year ago

Is this behaviour specified anywhere :) ?

Darin Dimitrov Over a year ago

@Ryan, no it doesn't because it does't make sense to work for EditorFor. The EditorFor helper is used to render a custom HTML template that corresponds to the given type. A template could contain many elements, so talking about attributes in a template doesn't really make sense. Of course you could always write a custom template that works with the additionalViewData parameter that could be passed to an editor template and simply output them as attributes on the corresponding input field.

Alan Macdonald Over a year ago

Just to be clear the resulting markup has an underscore and not hyphen. The sentence "You could use underscore (_) and the helper is intelligent enough to do the rest", specifically the bit about the supposed intelligence made me believe it would auto convert to - but it doesn't. HTML5 supports -.

brichins Over a year ago

@AlanMacdonald the _ is converted to - in older (middle?) versions of MVC. It may be that the most recent version(s) have dropped it, but I'm using it successfully on MVC 3 and 4.

Amy Barrett Over a year ago

@AlanMacdonald (and others reading), the _ is converted to - in MVC 5, too. I'm using it successfully in a project I'm currently working on, which uses MVC 5.

|

Collectives™ on Stack Overflow

Html5 data-* with asp.net mvc TextboxFor html attributes

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related