How to created custom TexboxFor?

Question

I have a textbox that insert only number and add comma separator in it.

I use this code in view

  @Html.TextBoxFor(m => m.TurnRatingCost, null, new { @class = "form-control",onkeyup= "javascript:this.value=Comma(this.value);", onkeydown = "return ValidateNumber(event);" })

it is ok, but i want to convert this to custom TextboxFor with htmlHelper .

Dhrumil shah · Answer 1 · 2021-01-11T11:48:41.507

0

You just need to create an extension method on HtmlHelper:

public static class MyHtmlHelpers
{
    public static MvcHtmlString MyTextBoxFor<TModel, TProperty>(
         this HtmlHelper<TModel> helper, 
         Expression<Func<TModel, TProperty>> expression)
    {
       // Your Custom code
    }
}

Then in your view you can use it as:

@Html.MyTextBoxFor(model => model.FirstName)

Note: Don't forget to @using the namespace of MyHtmlHelpers in your views

edited Jan 11 '21 at 11:48

answered Jan 11 '21 at 11:41

Dhrumil shah

611
4
23

Thanks, how to add jqury in HtmlHelper – ar.gorgin Jan 11 '21 at 18:00
In above method we cannot add jquery in htmlhelper, for more details you can go thorugh https://learn.microsoft.com/en-us/dotnet/csharp/programming-guide/classes-and-structs/extension-methods – Dhrumil shah Jan 12 '21 at 06:01
From above method we can create custom `htmlhelper` – Dhrumil shah Jan 12 '21 at 06:05

How to created custom TexboxFor?

1 Answers1