How to get valid HTML attributes out of object htmlAttributes when attribute is " data-* "

Question

I would like to pass htmlAttributes as an object to a method like so...

     foo.HtmlAttributes(new { data_bind = "foo"});

In all the MVC HtmlHelpers I have used the underscore as a hyphen, this would output valid html "data-bind"

Under the hood this is what is going on as per the following questions:

How to get values out of object HtmlAttributes

Passing an object to HTML attributes

    public virtual void HtmlAttributes(object htmlAttributes)
    {
       this.Attributes = new RouteValueDictionary(htmlAttributes);
    }

And then Latter this will be called:

    internal virtual void ApplyConfiguration(TagBuilder tag)
    {
            tag.MergeAttributes(this.Attributes);
    }

However this would output:

<div data_bind="foo"></div>

What can I do to output valid HTML?

UPDATE Thanks to Zabavsky...

public virtual void HtmlAttributes(object htmlAttributes)
{      
        this.Attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
}

You can use HtmlHelper.AnonymousObjectToHtmlAttributes Method. It replaces underscore characters with hyphens. — Zabavsky
– Zabavsky, Commented May 22, 2013 at 12:23

Zabavsky · Accepted Answer · 2013-05-22 12:35:56Z

6

HtmlHelper class has AnonymousObjectToHtmlAttributes method, which helps to create markup that is compliant with HTML5. The method replaces underscore characters with hyphens.

answered May 22, 2013 at 12:35

Zabavsky

13.7k8 gold badges57 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

How to get valid HTML attributes out of object htmlAttributes when attribute is " data-* "

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related