asp.net mvc - ActionLink htmlAttributes

html actionlink class

Question

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 se puede pasar algo como data-icon = "gear" en htmlAttributes?

Sugerencias?

Answer 1

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

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

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

Use la sobrecarga que lleva en un diccionario:

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

Answer 2

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

Answer 3

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