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, ти можеш використати перевантаження, яке сприймає Словник

— marcind

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

— amirhossein fallahmanesh
джерело