ActionLink htmlAttributes

88

KARYA

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

TIDAK BEKERJA - MENGAPA?

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

Sepertinya Anda tidak bisa meneruskan sesuatu seperti data-icon = "gear" ke htmlAttributes?

Saran?

Pavel Hlobil
sumber

Jawaban:

204

Masalahnya adalah properti objek anonim Anda data-icon memiliki nama yang tidak valid. Properti C # tidak boleh memiliki tanda hubung di namanya. Ada dua cara untuk mengatasinya:

Gunakan garis bawah, bukan tanda hubung (MVC akan secara otomatis mengganti garis bawah dengan tanda hubung di HTML yang dipancarkan):

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

Gunakan kelebihan beban yang ada dalam kamus:

@Html.ActionLink("Edit", "edit", "markets",
      new { id = 1 },
      new Dictionary<string, object> { { "class", "ui-btn-right" }, { "data-icon", "gear" } });
marcind
sumber
2
Garis bawah tampaknya tidak bekerja dengan Ajax.ActionLinkpembantu
Dmitry Efimenko
1
Trik garis bawah terdengar sangat aneh, bagaimana jika Anda menginginkan garis bawah di atribut html Anda?
Michiel
1
@MichielReyers Anda dapat menggunakan kelebihan beban yang ada di Kamus
marcind
1
.net Core Tag Helpers menghancurkan semua masalah ini - hai dari masa depan.
niico
26

Ganti tanda hubung yang diinginkan dengan garis bawah; secara otomatis akan ditampilkan sebagai tanda hubung:

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

menjadi:

<form action="markets/Edit/1" class="ui-btn-right" data-icon="gear" .../>
rami
sumber
-6
@Html.ActionLink("display name", "action", "Contorller"
    new { id = 1 },Html Attribute=new {Attribute1="value"})
amirhossein fallahmanesh
sumber