How to create html helper in mvc

Question

The code I'm currently using is this:

@Html.LabelFor(model => model.MaxExecutions)
<div class="input-append">
    @Html.TextBoxFor(model => model.MaxExecutions, new { @class = "input-xxlarge", placeholder="Enter Max Executions" })
    <span class="add-on"><a href='#' class='title' rel='tooltip' title="Help Title" data-content="Help Message">?</a></span>
    @Html.ValidationMessageFor(model => model.MaxExecutions)
</div>

I repeat this over & over in my code. I'd love to pass this off to an HtmlHelper. The type of Model I pass in can change, and I'd like to have the Display attribute available from the model (or I'd just generate an htmlstring).

Dennis Rongo · Accepted Answer · 2012-11-15 07:54:46Z

1

You can implement an extension method or a helper (static) class but there's times where I like the declarative version (CSHTML). Either way works and can be passed around from controller, etc.

~/App_Code/Blah.cshtml

@helper ExecuteHelper() {
   @Html.LabelFor(model => model.MaxExecutions)
   <div class="input-append">
       @Html.TextBoxFor(model => model.MaxExecutions, new { @class = "input-xxlarge",    placeholder="Enter Max Executions" })
    <span class="add-on"><a href='#' class='title' rel='tooltip' title="Help Title" data-content="Help Message">?</a></span>
   @Html.ValidationMessageFor(model => model.MaxExecutions)
   </div>
}

Then call it in view like:

@Blah.ExecuteHelper()

I've noticed the amount of HTML you have it in which is why I opted for the @helper syntax solution. Here's an article by Scott Guthrie that outlines this MVC feature: Article

edited Nov 15, 2012 at 7:54

answered Nov 13, 2012 at 2:59

Dennis Rongo

4,6111 gold badge28 silver badges26 bronze badges

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

2 Comments

Scott Silvi Over a year ago

Definitely didn't know you could arbitrarily define & execute code like that. Certainly a new tool to add to my belt. I'm still not sure how I'd "genericize" this to use any model type & associated property, though... any thoughts?

Dennis Rongo Over a year ago

Sorry for the late response but you can try adding the model as a parameter that will be used inside the helper. It would be @Blah.ExecuteHelper(model)

Collectives™ on Stack Overflow

How to create html helper in mvc

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related