ActionLink htmlAttributes

86

WERKE

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

FUNKTIONIERT NICHT - WARUM?

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

Es scheint, dass Sie so etwas wie data-icon = "gear" nicht an htmlAttributes übergeben können?

Vorschläge?

Pavel Hlobil
quelle

Antworten:

201

Das Problem ist, dass Ihre anonyme Objekteigenschaft data-iconeinen ungültigen Namen hat. C # -Eigenschaften dürfen keine Bindestriche in ihren Namen enthalten. Es gibt zwei Möglichkeiten, wie Sie das umgehen können:

Verwenden Sie einen Unterstrich anstelle eines Bindestrichs (MVC ersetzt den Unterstrich automatisch durch einen Bindestrich im ausgegebenen HTML-Code):

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

Verwenden Sie die Überlastung eines Wörterbuchs:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
Marcind
quelle
2
Der Unterstrich scheint nicht mit Ajax.ActionLinkHelfern zu funktionieren
Dmitry Efimenko
1
Der Unterstrich klingt wirklich seltsam. Was ist, wenn Sie einen Unterstrich in Ihrem HTML-Attribut wünschen?
Michiel
1
@MichielReyers Sie könnten die Überlastung verwenden, die im Wörterbuch
marcind
1
.net Core Tag Helfer zerstören all diese Probleme - hi aus der Zukunft.
Niico
26

Ersetzen Sie den gewünschten Bindestrich durch einen Unterstrich. Es wird automatisch als Bindestrich gerendert:

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

wird:

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