web-dev-qa-db-ja.com

アイコンでHtml.ActionLinkを生成する方法

私はASP.NET MVCを学び始めており、問題があります。Html.ActionLink このような:

<a href="~/Views/Home/Create.cshtml" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

お願いします。

28
Yury Loginov

Html.ActionLink()は、プレーンテキストリンクのみをサポートします。

より複雑なリンクには<a href="@Url.Action(...)">を使用する必要があります。

54
SLaks

SLaksの回答に追加したかった。

<a href="@Url.Action(...)">をuser2567619が望んだものと一緒に使用します。

<a href="@Url.Action("Create", "Home")" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

それに言及する価値があると思う@Url.Actionは、次のようなパラメーターを取ることができます。

@Url.Action(string actionName, string controllerName) 

一方、@Html.ActionLinkは、次のようなパラメーターを取ることができます。

@Html.ActionLink(string linkText, string actionName, string controllerName) 

それはかなり明白かもしれませんが、私はそれが注目に値すると思いました。

編集

Peck_conyonが指摘したように、両方の@Url.Actionおよび@Html.ActionLink、これらは10種類のオーバーロードメソッドの1つにすぎません。
UrlHelper.Action、見て こちら
LinkEtensions.ActionLink、見て こちら

33
Trevor Nestman

レイアウトページにある場合、これを使用できます。

    <li>@Html.ActionLink(" Login", "Index", new { Controller = "Login", Area = "Security" }, new { @class = "glyphicon glyphicon-log-in" })</li>

またはaction_linkの場合:

    <p>
    @Html.ActionLink(" Create New", "Add", "Event", FormMethod.Post, new { @class = "glyphicon glyphicon-plus" })</p>

お役に立てれば。

3
Jon A

これのように簡単です:

@Html.ActionLink("Title", "Action", null, new {@class="btn btn-info fa fa-pencil" })
2
Jorge
@Html.ActionLink("Edit","Edit","",new { @class= "btn btn-primary" })

結果enter image description here

2
sheeraz ali