2017-01-31 4 views
0

アイコンとテキストの両方にアクションリンクを付ける必要があるシナリオがあります。これを@ html.Actionlinkでどうやって行うことができますか?私はテキストとしてactionlinkの中にアイコンhtmlコードを追加しようとしましたが、それは仕事をしませんでした。通常のアンカータグを使用してこれらのケースをどのように処理できますか?Asp.Net MVC段落またはアイコンのアクションリンク

@Stephenはコメントで述べたように
<div> 
     <span class="glyphicon glyphicon-hdd"></span> 
    </div> 
    <div> 
     @Html.ActionLink("Request", "Request", "MyRequest") 
    </div> 
+1

することはできませんActionLinkの() ''としていますが、 '......を使用し'と追加することができますタグ間のアイコンとテキスト –

答えて

1

、あなたはActionLink()を使用すると、アイコンを含めることはできません。あなたはアンカーを使わなければなりません。

<a href="@Url.Action("Request", "MyRequest")"> 
    <span class="glyphicon glyphicon-hdd"></span> 
    <span>Request</span>    
</a> 
1

あなたが好き、JavaScriptコードを使用することができます:のようになります。この形式ではあなたのコードは次の

@Html.ActionLink("Request", "Request", "MyRequest", new { @class = "btn-primary", id = "btn-actionlink-export" }) 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btn-actionlink-export').append('<span class="icon-file-excel position-right"></span>'); 
    }); 
</script> 
関連する問題