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?

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

— Павел Глобиль
источник

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

— амирхосейн фаллахманеш
источник