css - ¿Cómo agrego una clase a un @ Html.ActionLink?

asp.net-mvc razor

Question

Tengo dos @Html.ActionLink''s que quiero que parezcan botones. Puedo hacer que esto suceda con CSS pero solo si uso el #ID del enlace de acción para aplicar el CSS . Quiero asignar una clase a los enlaces de acción, pero cuando uso el código que aparece a continuación, aparece un error que dice que falta un "}".

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, 
                 new { id = "PoPrint"} , new { class = "PoClass"})

Aquí está el estilo que estoy aplicando:

<style>
 #PoPrint 
{
 border: 4px outset;
 padding: 2px;
 text-decoration: none;
 background-color:lightskyblue;
}
</style>

Esto funciona y supongo que podría agregar el otro #ID al estilo, pero me gustaría aplicar el estilo a la Clase.

Answer 1

Debe usar el carácter @ , ya que class es una palabra clave en C #. Aquí hay un enlace a la documentación de MSDN: http://msdn.microsoft.com/en-us/library/dd492124(v=vs.108).aspx

@Html.ActionLink("Link Text", "ActionName", 
         new { controller = "MyController", id = 1 }, 
         new { @class = "my-class" })

Answer 2

El problema es que la clase es una palabra reservada en C #. Puede especificar que desea usar el nombre ''clase'' como su nombre de atributo escapándolo con el símbolo @ de esta manera:

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, new { id = "PoPrint", @class = "PoClass"})

Answer 3

Haga esto new { @class = "PoClass"} Necesita @ para las palabras clave como clase