How create Custom HTML Helper in Asp.Net MVC

Question

i am new in MVC and trying to write a sample html helper like this way here is my html helper code.

namespace MvcPractise.Extension
{
    public static class LabelHelper
    {
        public static string Label(this HtmlHelper helper, string target, string text)
        {
            return String.Format("<label for='{0}'>{1}</label>", target, text);

        }
    }
}

i use it as follows in my view like

@using MvcPractise.Extension.LabelHelper
@model MvcPractise.Models.EmployeeModel

at the top of the view i declare or refere the namespace and class name like above

and use it like @Html.Label("firstName", "First Name:")

but when i debug the code the my extension method is not getting hit. i could understand that i am doing something wrong but could not figure out. so please help. thanks

you're using @Html.Label("firstName", "First Name:") but your method is MLabel — Sirwan Afifi
– Sirwan Afifi, Commented Sep 16, 2013 at 9:41
tell me this line is ok in view declared at top @using MvcPractise.Extension.LabelHelper ? — Thomas
– Thomas, Commented Sep 16, 2013 at 9:42

Felipe Oriani · Accepted Answer · 2013-09-16 11:18:38Z

2

If I were you, I would not name it as the original name from the Html Helper. I would try something like:

public static string CustomLabel(this HtmlHelper helper, string target, string text)
{
   return String.Format("<label for='{0}'>{1}</label>", target, text);
}

After it, just include the namespace (not the entire path to the class), for sample:

@using MvcPractise.Extension

And as the extension method, use it on Html property:

@Html.CustomLabel("firstName", "First Name:")

answered Sep 16, 2013 at 11:18

Felipe Oriani

38.7k20 gold badges141 silver badges203 bronze badges

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

Comments

Numan · Accepted Answer · 2013-09-16 11:21:18Z

1

@Html.Label is a built in helper, you need to try another name, like @Html.LabelEx

Rename your extension method to something, that is not in the standard library! And it should work!

answered Sep 16, 2013 at 11:21

Numan

3,9784 gold badges29 silver badges44 bronze badges

Comments

Milen · Accepted Answer · 2013-11-07 08:19:19Z

-1

Try this:

  public static string Label(string target, string text)
    {
        return String.Format("<label for='{0}'>{1}</label>", target, text);

    }

edited Nov 7, 2013 at 8:19

Milen

8,8977 gold badges47 silver badges59 bronze badges

answered Nov 7, 2013 at 7:58

vikas

1

1 Comment

Matthias Over a year ago

Please try to explain your answer in at least a short sentence and try to refrain from just posting a single line of code.

Thirisangu Ramanathan · Accepted Answer · 2015-09-21 06:58:26Z

-1

Try as follows it may be because of ambuiguity of Label and you are using the label of Html helper and not custom helper

@using MvcPractise.Extension

@LabelHelper.LabelCustom("firstName", "First Name:")

Your extension method:

    public static string LabelCustom(string target, string text)
    {
        return String.Format("<label for='{0}'>{1}</label>", target, text);

    }

edited Sep 21, 2015 at 6:58

Thirisangu Ramanathan

6141 gold badge12 silver badges20 bronze badges

answered Sep 16, 2013 at 11:13

Jatin patil

4,2961 gold badge20 silver badges27 bronze badges

Collectives™ on Stack Overflow

How create Custom HTML Helper in Asp.Net MVC

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related