ActionLink htmlAttributes

TRABAJOS

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

NO FUNCIONA - ¿POR QUÉ?

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

¿Parece que no puede pasar algo como data-icon = "gear" en htmlAttributes?

Sugerencias

El problema es que la propiedad de su objeto anónimo data-icontiene un nombre no válido. Las propiedades de C # no pueden tener guiones en sus nombres. Hay dos formas de evitarlo:

Utilice un guión bajo en lugar de un guión (MVC reemplazará automáticamente el guión bajo con un guión en el HTML emitido):

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

Use la sobrecarga que toma en un diccionario:

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

Reemplace el guión deseado con un guión bajo; se representará automáticamente como un guión:

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

se convierte en:

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