ActionLink htmlAttributes

Question

FONCTIONNE

<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="engrenage" dans htmlAttributes?

Des Suggestions?

Answer 1

Le problème, c'est que votre objet anonyme de propriété data-icon a un nom incorrect. C# les propriétés ne peuvent pas avoir des tirets dans leurs noms. Il ya deux façons que vous pouvez obtenir autour de:

Utilisez un trait de soulignement à la place du tableau de bord (MVC remplacera automatiquement le souligner avec un tiret dans le émise HTML):

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

Utiliser 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" } });

Answer 2

Remplacer le désiré trait d'union avec un trait de soulignement, il sera automatiquement affiché comme un 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" .../>