MVC3 - Coding a custom HTML Helper which output works with unobtrusive Javascript

Question

I am attempting to add unobtrusive JavaScript to a file upload input control, using a custom HTML Helper extension. However, I have checked various blogs which use different methods to create the control, such as tab-builder but I couldn't find out how the unobtrusive data tags are added.

Sergi Papaseit · Accepted Answer · 2011-03-28 11:31:00Z

1

Unobtrusive data tags mainly means using the HTML 5 extensible "data-" attribute.

Check this blog post of Brad Wilson about unobtrusive javascript in MVC 3, he describes the various attributes used by the unobtrusive framework.

answered Mar 28, 2011 at 11:31

Sergi Papaseit

16.2k16 gold badges71 silver badges103 bronze badges

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

2 Comments

Extrakun Over a year ago

How do I get the validation function to call? For example, the required attribute will add data-val-required to the input. When building my own custom HtmlHelper, how do I know what attribute has been set on the input?

Sergi Papaseit Over a year ago

@Extrakun - Won't you be setting it yourself using the Tag Builder? Maybe I'm not following completely, have you started on some code that you can show?

Paul Hiles · Accepted Answer · 2013-01-17 13:19:20Z

0

If you are using TagBuilder, you can do this:

var validationAttributes = html.GetUnobtrusiveValidationAttributes(name, metadata);

then use MergeAttributes on your tagbuilder to add the unobtrusive validation attributes to your tag.

answered Jan 17, 2013 at 13:19

Paul Hiles

9,7988 gold badges54 silver badges77 bronze badges

Collectives™ on Stack Overflow

MVC3 - Coding a custom HTML Helper which output works with unobtrusive Javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related