Defining a html5 data attribute in MVC

Question

I'm trying to declare a Html.Radio button in my mvc app and want to output a data- attribute. Problem is c# does like "-"

<%= Html.RadioButton("defaultRadioButton", d.Link, d.IsDefault, new { data-link = d.Link })%>

Is there anyway to get round this other than outputting the html myself or creating a helper?

Thanks..

Darin Dimitrov · Accepted Answer · 2011-02-23 11:55:52Z

11

If this is ASP.NET MVC 3:

<%= Html.RadioButton(
    "defaultRadioButton", 
    d.Link, 
    d.IsDefault, 
    new { 
        data_link = d.Link 
    }
)%>

and the underscore will be automatically converted into a dash by the helper.

In previous versions of MVC an ugly hack could be appiled:

<%= Html.RadioButton(
    "defaultRadioButton", 
    d.Link, 
    d.IsDefault, 
    new Dictionary<string, object> { 
        { "data-link", d.Link } 
    }
) %>

answered Feb 23, 2011 at 11:55

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

4 Comments

mat-mcloughlin Over a year ago

Ahh I thought I'd seen it like that somewhere. Unfortunatley we haven't moved to 3 yet. Although we may be doing so soon.

Darin Dimitrov Over a year ago

@mjmcloug, OK, see the ugly hack then.

Darin Dimitrov Over a year ago

@mjmcloug, a custom HTML helper could save you from the burden of this ugliness. Also wishing you a soon migration to MVC 3.

mat-mcloughlin Over a year ago

I'll have to see if how often this crops up before creating a custom helper... No point doing so if this is the only case and we do migrate soon. Thanks

Collectives™ on Stack Overflow

Defining a html5 data attribute in MVC

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related