How to create method like Html.TextBox that adds attributes to textbox rendered?

Question

I'm familiar with using the Html.TextBox method to render a textbox. Suppose that I want to write a method that is similar to Html.TextBox, but takes a single additional string attribute called Abc which renders a TextBox just like one rendered by TextBox, but adds an attribute called data-abc with the value specified by Abc.

What is a good way to do this?

Christian Duvall · Accepted Answer · 2013-07-21 00:01:40Z

2

Add the attribute data_abc to the optional parameters and it will add it as data-abc.

@Html.TextBox("Name", "Default Value", new { data_abc = "data" });

Good luck!

edited Jul 21, 2013 at 0:01

answered Jul 20, 2013 at 23:55

Christian Duvall

4092 silver badges10 bronze badges

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

Comments

Vivian River · Accepted Answer · 2013-07-20 23:58:45Z

0

Here's what I came up with that seems to work:

    public static MvcHtmlString MyTextBox<T>(this HtmlHelper helper, string name, string value, object htmlAttributes, string Abc)
    {
        IDictionary<string, object> myHtmlAttributes = new RouteValueDictionary(htmlAttributes);

        myHtmlAttributes.Add("data-abc", Abc);

        return helper.TextBox(propertyName, value, myHtmlAttributes);
    }

answered Jul 20, 2013 at 23:58

Vivian River

32.6k64 gold badges212 silver badges327 bronze badges

1 Comment

Christian Duvall Over a year ago

While correct, it depends on if you want to do this routinely or with different attribute names. The framework allows for data attributes to be added by default, so I'd be tempted to just use those.

Collectives™ on Stack Overflow

How to create method like Html.TextBox that adds attributes to textbox rendered?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related