ActionLink htmlAttributes

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?

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

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" .../>

@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})