[解決済み] アクションリンク 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>

が動作しない - なぜ？

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

htmlAttributesにdata-icon="gear"のようなものを渡すことはできないようです？

ご提案お願いします。

どのように解決するのですか？

問題は、匿名オブジェクトのプロパティである data-icon が無効な名前であることです。C#のプロパティは名前にダッシュを使用することができません。それを回避する方法が2つあります。

ダッシュの代わりにアンダースコアを使う（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" } });