How do I add data- attributes to Html.BeginForm

Question

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" }))

Could you try @data-ajax = "false", please?

Andre Calil
– Andre Calil

2013-07-23 13:41:19 +00:00
Commented Jul 23, 2013 at 13:41 — Andre Calil
– Andre Calil, Commented Jul 23, 2013 at 13:41
@AndreCalil I tried that as one of my many variations

Pete
– Pete

2013-07-23 13:43:31 +00:00
Commented Jul 23, 2013 at 13:43 — Pete
– Pete, Commented Jul 23, 2013 at 13:43

Jan · Accepted Answer · 2013-07-23 13:39:33Z

73

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.

answered Jul 23, 2013 at 13:39

Jan

16.1k5 gold badges38 silver badges60 bronze badges

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

1 Comment

brichins Over a year ago

Thanks for this - I was thinking to come up with a way to translate _ to - but thought I'd do a quick search for the "right" way first. Razor engine, you do love me!

YD1m · Accepted Answer · 2013-07-23 13:39:11Z

21

You can use another overload:

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

answered Jul 23, 2013 at 13:39

YD1m

5,9152 gold badges22 silver badges25 bronze badges

1 Comment

Matthew Optional Meehan Over a year ago

while there is more junk { } in this one, it works great for Vue if you need to add a ref attribute to a form since ref is a keyword in C# and cannot work for the "object htmlAttributes" overload.

Collectives™ on Stack Overflow

How do I add data- attributes to Html.BeginForm

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related