ActionLink htmlAttributes

87

TRABALHO

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

NÃO FUNCIONA - POR QUÊ?

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

Parece que você não pode passar algo como data-icon = "gear" em htmlAttributes?

Sugestões?

asp.net-mvc asp.net-mvc-2 actionlink html.actionlink Pavel Hlobil
fonte

Respostas:

203

O problema é que a propriedade do seu objeto anônimo data-icontem um nome inválido. As propriedades C # não podem ter travessões em seus nomes. Existem duas maneiras de contornar isso:

Use um sublinhado em vez de um traço (o MVC substituirá automaticamente o sublinhado por um traço no HTML emitido):

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

Use a sobrecarga de um dicionário:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
Marcind
fonte
2
O sublinhado não parece funcionar com Ajax.ActionLinkajudantes
Dmitry Efimenko
1
O truque do sublinhado soa muito estranho, e se você quiser um sublinhado no seu atributo html?
Michiel
1
@MichielReyers você poderia usar a sobrecarga que leva no Dicionário
marcind
1
Os ajudantes .net Core Tag destroem todos esses problemas - oi do futuro.
niico
26

Substitua o hífen desejado por um sublinhado; ele será automaticamente renderizado como um hífen:

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

torna-se:

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