2010-11-05 19 views
74

WORKSActionLink htmlAttributes

<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?

Respuesta

175

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

utilizar un guión en lugar del guión (MVC reemplazará automáticamente el subrayado con un guión en el HTML emitida):

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

Uso de la sobrecarga que lleva en una diccionario:

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

Esto realmente me ayudó - gracias. – Darbio

+3

El truco de subrayado no parece funcionar con MVC 2 –

+2

El guión bajo no parece funcionar con helpers 'Ajax.ActionLink' – Dmitry

24

Reemplazar el guión deseado con un subrayado; automáticamente se representa 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" .../> 
-4
@Html.ActionLink("display name", "action", "Contorller" 
    new { id = 1 },Html Attribute=new {Attribute1="value"}) 
Cuestiones relacionadas