ActionLink htmlAttributes

87

РАБОТАЕТ

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

НЕ РАБОТАЕТ - ПОЧЕМУ?

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

Кажется, вы не можете передать что-то вроде data-icon = "gear" в htmlAttributes?

Предложения?

asp.net-mvc asp.net-mvc-2 actionlink html.actionlink Павел Глобиль
источник

Ответы:

203

Проблема в том, что свойство вашего анонимного объекта data-iconимеет недопустимое имя. В именах свойств C # не может быть тире. Есть два способа обойти это:

Используйте подчеркивание вместо тире (MVC автоматически заменит подчеркивание дефисом в выдаваемом HTML):

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

Используйте перегрузку, которая принимает словарь:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
Марсинд
источник
2
Знак подчеркивания не работает с Ajax.ActionLinkпомощниками
Дмитрий Ефименко
1
Уловка с подчеркиванием звучит очень странно, что, если вам нужно подчеркивание в вашем атрибуте html?
Michiel
1
@MichielReyers, вы могли бы использовать перегрузку, которую принимает словарь,
Марсинд
1
.net Core Tag Helpers решают все эти проблемы - привет из будущего.
niico
26

Замените желаемый дефис на подчеркивание; он будет автоматически отображаться как дефис:

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

становится:

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>
конопля
источник
-6 
@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})
амирхосейн фаллахманеш
источник