How do I add data- attributes to Html.BeginForm

html asp.net-mvc razor html.beginform
Pete picture Pete · Jul 23, 2013 · Viewed 20.9k times · Source

I use the following to create a form to upload images on a mobile site. 

@using (Html.BeginForm("Form/", "Quote", FormMethod.Post, new { enctype = "multipart/form-data" }))

However as it is using jQuery mobile, I have enabled Ajax so that transition between pages is nice and smooth. This has caused the problem that my form won't upload the images as you cannot do file uploads with ajax. I need to add the attribute data-ajax="false" to this form in order for it to allow my file uploads.

Does anyone know how I do this as I tried multiple variations of the following but couldn't get it to work:

@using (Html.BeginForm("Form/", "Quote", FormMethod.Post, new { enctype = "multipart/form-data", "data-ajax" = "false" }))

Answer

Jan picture Jan · Jul 23, 2013

The trick is to use the underscore instead of the hyphen:

new { enctype = "multipart/form-data", data_ajax = "false" }

The hyphen is not allowed as part of a c# identifier. The MVC framework translates the underscore automatically.

Related questions

ASP.NET MVC get textbox input value

I have a textbox input and some radio buttons. For example my textbox input HTML looks like that: <input type="text" name="IP" id="IP" /> Once user clicks a button on a web page I want to pass …

Read More
How do I render HTML from the Viewbag using MVC3 Razor

I am trying to pass a form element into an MVC3 view by using the Viewbag and simply write the HTML to the page ... In controller: ViewBag.myData = "<input type=""hidden"" name=""example"" value=""examplevalue"">"; In view (I …

Read More
Using sections in Editor/Display templates

I want to keep all of my JavaScript code in one section; just before the closing body tag in my master layout page and just wondering the best to go about it, MVC style. For example, if I create a …

Read More