Question

I’m fairly new to MVC 3 and am using the Razor view engine. I’m using the Html.Hidden extension method to output input elements of type hidden. What I woudl also like to do is add a custom attribute to hold a dynamic value. I was under the impression in HTML5 wee could write custom html element attributes that are prefixed with ‘data-‘. I’m trying to do something like below;

@Html.Hidden("hdnID", mymodel.somevalue, new { data-uniqueid = mymodel.somevalue })

hoping to render;

<input type="hidden" value="mymodel.somevalue" data-uniqueid="mymodel.somevalue"/>

The htmlAttributes part (new { data-uniqueid = mymodel.somevalue }) is giving the error,

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

Can I add user-defined attribute to html elements using the HtmlHelper classes?

Regards,

Answer 1

Doh! I was being silly. You can’t have ‘-‘ in the anon type declaration:

data-uniqueid = ...it must be

datauniqueid = ....

In that case, your best best is to write out the hidden input by hand:

<input type="hidden" value="@mymodel.somevalue" data-uniqueid="@mymodel.somevalue"/>