ActionLink htmlAttributes

87

TRAVAUX

<a href="@Url.Action("edit", "markets", new { id = 1 })" 
            data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Edit</a>

NE FONCTIONNE PAS - POURQUOI?

@Html.ActionLink("Edit", "edit", "markets", new { id = 1 }, new {@class="ui-btn-right", data-icon="gear"})

Il semble que vous ne pouvez pas passer quelque chose comme data-icon = "gear" dans htmlAttributes?

Suggestions?

Pavel Hlobil
la source

Réponses:

203

Le problème est que votre propriété d'objet anonyme data-icona un nom non valide. Les propriétés C # ne peuvent pas avoir de tirets dans leurs noms. Il y a deux façons de contourner ce problème:

Utilisez un trait de soulignement au lieu d'un tiret (MVC remplacera automatiquement le trait de soulignement par un tiret dans le HTML émis):

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new {@class="ui-btn-right", data_icon="gear"})

Utilisez la surcharge qui prend dans un dictionnaire:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
Marcind
la source
2
Le trait de soulignement ne semble pas fonctionner avec les Ajax.ActionLinkaides
Dmitry Efimenko
1
L'astuce du trait de soulignement semble vraiment étrange, que faire si vous voulez un trait de soulignement dans votre attribut html?
Michiel
1
@MichielReyers, vous pourriez utiliser la surcharge qui prend dans le dictionnaire
marcind
1
.net Core Tag Helpers détruit tous ces problèmes - salut du futur.
niico
26

Remplacez le trait d'union souhaité par un trait de soulignement; il sera automatiquement rendu sous forme de trait d'union:

@Html.ActionLink("Edit", "edit", "markets",
    new { id = 1 },
    new {@class="ui-btn-right", data_icon="gear"})

devient:

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>
chanvre
la source
-6
@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})
amirhossein fallahmanesh
la source