Passage d'un objet d'attributs HTML

Comment passer un objet d'attributs HTML?
Par exemple, j'ai le code suivant:

var attrs = new { id = "myid", style = "color: Red;" };

Comment convertir attrs à la chaîne comme celle-ci afin de les intégrer dans une balise HTML: 

id="myid" style="color: Red;"

Merci d'avance 🙂

  • Je vous remercie pour votre question! J'ai sauvé ma journée!
InformationsquelleAutor Hieu Nguyen Trung | 2011-06-22
  1. 71

    Cette fonctionnalité est assez surprenant, fournis par le RouteValueDictionary classe:

    IDictionary<string, object> htmlAttributes = new RouteValueDictionary(attrs);

    Vous pouvez ensuite utiliser ce dictionnaire en conjonction avec un TagBuilder, qui vous sera probablement en utilisant de toute façon:

    var tagBuilder = new TagBuilder("input");
tagBuilder.MergeAttributes(htmlAttributes);
tagBuilder.ToString(TagRenderMode.Normal);

    Vous pouvez voir cette façon de faire dans le ASP.NET MVC code source lui-même; l'un des exemples les plus simples est de TextAreaExtensions.cs.

    EDIT:

    Dans le but de les convertir "data_attr" pour les données "attr", utilisez la AnonymousObjectToHtmlAttributes méthode statique.

    IDictionary<string, object> htmlAttributes = HtmlHelper.AnonymousObjectToHtmlAttributes(attrs);
    • Essaie juste ce avec l'attribut data_bind et la sortie a été data_bind par opposition à celui attendu, data-bind - des idées?
    • Malheureusement Url TextAreaExtensions n'est plus valide 🙂 Juste vous faire savoir.
    • merci, fixe avec la chose la plus proche que j'ai pu trouver.
    • Il y a une alternative, un Système.Web.Mvc.HtmlHelper.AnonymousObjectToHtmlAttributes(), qui pourrait être plus approprié; il remplace les tirets de soulignement par des traits d'union dans la même manière que la norme MVC, Html helpers
    • Cette réponse est obsolète. L'approche correcte devrait être HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes) qui gèrent correctement data_blah type des attributs.
    InformationsquelleAutor Domenic
  2. 22

    Vous n'avez pas besoin de convertir une chaîne de caractères. La dernière paramater HTML Helpers est un Objet.
    Vous donnez simplement l'objet, comme vous avez écrit ci-dessus:

    Pour exmample 

    @Html.TextBoxFor(x => x.Foo, new { size = 10, maxlength = 10 }) 
@Html.TextAreaFor(x => x.Notes, new { @class = "additionalInfo" })
@Html.TextBoxFor(x=>x.Registration.Address.Postcode, new {type="number", @class="postcode numeric", size=5, maxlength=5})

    sur une note de côté, vous ne devriez probablement pas être paramétrer les styles directement en ligne avec votre code HTML et utiliser une classe CSS/sélecteur de place avec une autre feuille de style.
    Aussi l'ID de chaque élément du DOM devrait automatiquement être définie lorsque vous utilisez MVC, HTML helpers

    • Je sais, mais en plus, j'ai envie d'écrire ma propre méthode pour rendre une autre forme de composant, j'ai donc besoin d'un moyen de le faire comme MVC 3 fait 🙂
    • np vous avez probablement doit de mentionner que dans votre question
    • Merci, je me souviens de ça 🙂
    InformationsquelleAutor Daveo
  3. 6

    Voici comment faire cette conversion :

    var htmlAttributes = new { id="myid", @class="myclass" };

string string_htmlAttributes = "";
foreach (PropertyDescriptor property in TypeDescriptor.GetProperties(htmlAttributes))
{
  string_htmlAttributes += string.Format("{0}=\"{1}\" ", property.Name.Replace('_', '-'), property.GetValue(htmlAttributes));
}

    PropertyDescriptor appartiennent à la classe System.ComponentModel

    • Aucune idée de pourquoi ce n'est pas la réponse recommandée.
    • le code est ok avec un changement important: l'utilisation HttpUtility.HtmlAttributeEncode pour rendre la valeur de l'attribut.
    • aussi convertir les noms de balise x_y en x-y. C'est de cette façon TagBuilder t-il.
    InformationsquelleAutor Chtiwi Malek