ActionLink htmlAttributes

87

PRACUJE

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

NIE DZIAŁA - DLACZEGO?

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

Wygląda na to, że nie możesz przekazać czegoś takiego jak data-icon = "gear" do htmlAttributes?

Propozycje?

Pavel Hlobil
źródło

Odpowiedzi:

203

Problem polega na tym, że własność obiektu anonimowego data-iconma nieprawidłową nazwę. Właściwości C # nie mogą mieć myślników w nazwach. Można to obejść na dwa sposoby:

Użyj podkreślenia zamiast myślnika (MVC automatycznie zastąpi podkreślenie myślnikiem w emitowanym kodzie HTML):

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

Użyj przeciążenia, które przyjmuje w słowniku:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
marcind
źródło
2
Podkreślenie nie wydaje się działać z Ajax.ActionLinkpomocnikami
Dmitry Efimenko
1
Sztuczka z podkreśleniem brzmi naprawdę dziwnie, a co jeśli chcesz, aby w atrybucie HTML było podkreślenie?
Michiel
1
@MichielReyers, możesz użyć przeciążenia, które pobiera w słowniku
marcind
1
.NET Core Tag Helpers niszczą wszystkie te problemy - cześć z przyszłości.
niico
26

Zastąp żądany łącznik podkreśleniem; zostanie automatycznie wyświetlony jako łącznik:

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

staje się:

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