How to write HTML5 data-atrribute in Razor MVC C#?

I am trying to specify HTML5 data-atrribute in my asp.net MVC razor code like below

 @Html.DropDownListFor(m => m.Industry, OnePassV3.utility.OptionList.GetIndustryListSelectList()
                           , new { @class="cs-select cs-skin-slide cs-transparent", @data-init-plugin="cs-select" })

but i am getting error as you can see below in the image.

how-to-specify-data-attribute-mvc-razor

So, how can I make it wok?

Asked by:- jaya

: 624 At:- 10/23/2017 11:28:56 AM

MVC C# Razor data-attribute-in-razor HTML5

add comment to question

1 Answers

Answered by:- Sam

You can show data-attribute in Razor C#, by simply changing dashes(-) into underscrore, so your above code will be like this

@Html.DropDownListFor(m => m.Industry, OnePassV3.utility.OptionList.GetIndustryListSelectList()
                           , new { @class="cs-select cs-skin-slide cs-transparent", @data_init_plugin="cs-select" })

it will work in Razor view and will be rendered as data-init-plugin="cs-select".